Vue-cnodejs icon indicating copy to clipboard operation
Vue-cnodejs copied to clipboard

请教一个有关build/webpack.dev.conf.js的配置问题

Open draculavlad opened this issue 6 years ago • 1 comments

vue-cli默认生成的的此文件中会在合并webpack.base.conf.js配置时引入 module: { rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap}) } 如果我在使用这个配置的时候会爆Module build failed的Error,但如果参照你的文件删除这个配置,问题就解决了,按照文档上来说这项配置是定义“配置样式文件的处理规则的styleLoaders”,是不是在此文件中配置这个module会把webpack.base.conf.js中的此项配置给覆盖掉?

draculavlad avatar Aug 13 '17 03:08 draculavlad

你说的是这一段吗

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你可以看看这个包,合并配置用的.

leemove avatar Oct 20 '17 10:10 leemove