上一篇:【webpack5修行之道】第8篇:性能优化-sourcemap
由于loader的rules数组里配置的规则会在每个文件打包编译的时候都去匹配一次,如果多次匹配会做多次loader处理,这个在我们实际开发中一般是不存在的
要解决这个问题我们需要使用oneOf
之前我们的webpack.config.js如下
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { resolve } = require('path')
process.env.NODE_ENV = 'development'
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: resolve(__dirname, 'build'),
filename: 'js/[name].[hash:10].js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'eslint-loader',
enforce: 'pre',
options: {
fix: true
}
},