![](/img/trans.png)
[英]webpack-dev-server doesn't watch/recompile files if they import named exports
[英]Webpack-dev-server doesn't build files on change
所以我有以下webpack配置:
import path from 'path';
module.exports = {
entry: {
index: './dev/index.js'
},
output: {
path: path.join(__dirname, 'dist'),
publicPath: './dist/',
filename: 'bundle.js',
chunkFilename: '[id].bundle.js'
},
module:{
loader:{
test: /\.js$/,
exclude:path.resolve(__dirname, "node_modules"),
loader: 'js'
}
}
};
问题是,当我做webpack --watch
,文件会在每次更改时都在/dist/
文件夹中构建。 然而,当我运行webpack-dev-server
,文件甚至无法构建。 这是为什么?
请帮忙。
您没有看到文件发送到dist文件夹的原因是因为webpack-dev-server使用内存中的文件系统
这可以在代码更改时实现极快的增量构建。 这是我们的故意设计。 您可以在浏览器中查看生成的代码,而不需要引用这些文件。
我们不建议为了构建性能,但如果需要此功能,可以查看write-file-webpack-plugin等插件 。
'webpack'将你的包写入磁盘,而'webpack-dev-server'将包装入内存。 因此,当运行后一个命令时,您将看不到新的“bundle.js”文件出现在您的文件系统中,即使您应该看到输出到控制台报告捆绑和启动服务器的启动。
output.publicPath配置密钥确定主机dev服务器上的内存中软件包的位置。 因此,如果将publicPath设置为'dist',那么webpack dev服务器所服务的index.html将需要一个脚本标记才能引用该bundle。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.