Javascript 网页包4-网页包开发服务器未创建文件
我想用Javascript 网页包4-网页包开发服务器未创建文件,javascript,webpack,webpack-dev-server,Javascript,Webpack,Webpack Dev Server,我想用webpack dev server捆绑文件,一切正常,但dev server没有更改任何文件,保存后它正在编译文件,但没有创建任何文件,也没有更新文件 此外,我看到它捆绑了节点_模块中的文件,并且忽略了webpack.config.js 配置: const path = require('path'); module.exports = { entry: './js/app.js', output: { path: path.resolve(__dirn
webpack dev server
捆绑文件,一切正常,但dev server没有更改任何文件,保存后它正在编译文件,但没有创建任何文件,也没有更新文件
此外,我看到它捆绑了节点_模块中的文件,并且忽略了webpack.config.js
配置:
const path = require('path');
module.exports = {
entry: './js/app.js',
output: {
path: path.resolve(__dirname, 'js'),
filename: "out.js"
},
module: {
rules: [
{
test: /\.js?$/,
exclude: [
path.resolve(__dirname, './node_modules/')
],
loader: 'babel-loader',
options: {
presets: ['es2015']
}
},
{
test: /\.scss?$/,
exclude: [
path.resolve(__dirname, 'node_modules')
],
loader: 'style-loader!css-loader!sass-loader',
},
{
test: /\.html?$/,
use: {
loader: 'html-loader',
options: {
attrs: [':data-src']
}
},
},
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {}
}
]
}
]
}
}
"scripts": {
"start": "webpack-dev-server",
"build": "webpack"
},
package.json
const path = require('path');
module.exports = {
entry: './js/app.js',
output: {
path: path.resolve(__dirname, 'js'),
filename: "out.js"
},
module: {
rules: [
{
test: /\.js?$/,
exclude: [
path.resolve(__dirname, './node_modules/')
],
loader: 'babel-loader',
options: {
presets: ['es2015']
}
},
{
test: /\.scss?$/,
exclude: [
path.resolve(__dirname, 'node_modules')
],
loader: 'style-loader!css-loader!sass-loader',
},
{
test: /\.html?$/,
use: {
loader: 'html-loader',
options: {
attrs: [':data-src']
}
},
},
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {}
}
]
}
]
}
}
"scripts": {
"start": "webpack-dev-server",
"build": "webpack"
},
我使用npm start,控制台显示:
当然,
webpack dev server
会将更改保存在内存中并从内存中提供服务,实际上您在系统上找不到更改的文件。如果您想让他们生成,请使用npm运行build
并将必要的选项传递给webpack
,后者将输出生成文件
请参见此处查看当然,
webpack dev server
会将更改保存在内存中并从那里提供服务,实际上您在系统上找不到更改的文件。如果您想让他们生成,请使用npm运行build
并将必要的选项传递给webpack
,后者将输出生成文件
在这里看一看