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‘,
        })
   }
]

原文地址：https://www.cnblogs.com/mufc/p/11276038.html