webpack4.0 + react

  webpack4.0 中删除了 DefinePlugin、module.loaders、NoErrorsPlugin、CommonsChunkPlugin、OccurenceOrderPlugin,将不再支持这也插件等;

  moudule.loader

    在 webpack3.0 中进行文件的解析的时候我们的配置一般是:

module: {
  rules: [
    { 
      test: /\.js|.jsx$/, loader: "babel-loader", query:{ presets:["es2015","react"] }     },
    {       test: /\.css$/, loader: 'style-loader!css-loader'     },     {       test: /\.scss$/, loader: 'style-loader!css-loader!sass-loader'     },     {       test: [/\gif$/,/\.jpe?g$/,/\.png$/], loader: 'url-loader', options: { limit: 10000, } } ]
    },

     在 webpack4.0 中将不再使用 loader ,而是使用 use,但是好像还是可以继续使用 loader 的:

rules: [
    { test: /\.js|.jsx$/, use: 'babel-loader' },
    { test: /\.css$/, exclude: /node_modules/,
       use: ExtractTextPlugin.extract({
       		fallback: 'style-loader',
          use: 'css-loader',
        })
   },
  { test: /\.scss$/, exclude: /node_modules/,
       	use: ExtractTextPlugin.extract({
       		fallback: 'style-loader',
          use: 'css-loader!sass-loader',
        })
   }
]

猜你喜欢

转载自www.cnblogs.com/mufc/p/11276038.html