上一篇:【webpack5修行之道】第6篇:webpack对js兼容性处理
HMR
Hot Module Replacement 简称HMR,我们可以把他叫作模块热加载、热模块加载等
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
}
},
{
test: /\.css$/,
use: ['style-load