webpack4.0 + react

　　webpack4.0 deleted DefinePlugin, module.loaders, NoErrorsPlugin, CommonsChunkPlugin, OccurenceOrderPlugin, which also will no longer support plug-ins;

 

　　moudule.loader

　　　　When parsing file in webpack3.0 in general our configuration is:

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

 　　　　Will no longer be used in webpack4.0 loader, but the use of use, but it seems still can continue to use the 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',
        })
   }
]