webpack4.0 + react

Posted 2022-05-30 mufc

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