webpack-dev-server 提取公用模块,ExtractTextPlugin提取css修改保存后热更新出错
错误信息:
webpack dev配置模块:
import webpack from 'webpack';
import webpackMerge from 'webpack-merge';
import commonConfig from './baseConfig';
import * as config from './pathConfig';
export default function () {
return webpackMerge(commonConfig(), {
devtool: 'cheap-module-source-map',
output: {
path: config.DEV_PATH,
publicPath: '/assets',
filename: 'js/[name].js',
sourceMapFilename: 'js/[name].map',
},
devServer: {
contentBase: config.DEV_PATH,
hot: true,
publicPath: '/assets',
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin(),
],
});
}
commonConfig是生产和开发的公用模块!
问题:如果entry中是单入口文件可以正常热更新,如果不是单入口
比如:
entry: {
index: config.SRC_ROOT,
vendor: 'moment',
},
必须在package中加入--hot
"start": "webpack-dev-server --hot --env=production",才可以自动刷新模块,如果不加便不能执行,但是在cil中加入了hot,修改更新css就会报Maximum call stack size exceeded错误!中途由查到一个朋友说的cil加入了hot HotModuleReplacementPlugin便不能在plugin中添加,有尝试这样做,结果就是必须手动刷新!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论