Vue-cnodejs
Vue-cnodejs copied to clipboard
请教一个有关build/webpack.dev.conf.js的配置问题
vue-cli默认生成的的此文件中会在合并webpack.base.conf.js配置时引入 module: { rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap}) } 如果我在使用这个配置的时候会爆Module build failed的Error,但如果参照你的文件删除这个配置,问题就解决了,按照文档上来说这项配置是定义“配置样式文件的处理规则的styleLoaders”,是不是在此文件中配置这个module会把webpack.base.conf.js中的此项配置给覆盖掉?
你说的是这一段吗
module.exports = merge(baseWebpackConfig, {
module: {
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
},
// cheap-module-eval-source-map is faster for development
devtool: '#cheap-module-eval-source-map',
plugins: [
new webpack.DefinePlugin({
'process.env': config.dev.env
}),
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
// https://github.com/ampedandwired/html-webpack-plugin
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true
}),
new FriendlyErrorsPlugin()
]
})
这个Merge函数就是引入的webpack-merge
你可以看看这个包,合并配置用的.