webpack5 关于配置的一些微调——升级 webpack5 以及周边插件后,代码需要做的一部分调整

升级 webpack5 以及周边插件后,代码需要做的一部分调整:

● package.json 的 dev-server 命令改了:
新:"dev": "webpack serve --config build/webpack.dev.js"
旧:"dev": "webpack-dev-server --config build/webpack.dev.js",

● module.rules
新:use: ['xxx-loader']
旧:loader: ['xxx-loader']

● filename
新:filename: 'bundle.[contenthash:8].js'
旧:filename: 'bundle.[contentHash:8].js'

● 周边工具的升级之 webpack-merge
新:const { merge } = require('webpack-merge')
旧:const { smart } = require('webpack-merge')

● 周边工具的升级之 clean-webpack-plugin
新:const { CleanWebpackPlugin } = require('clean-webpack-plugin')
旧:const CleanWebpackPlugin = require('clean-webpack-plugin')

猜你喜欢

转载自blog.csdn.net/dongkeai/article/details/127819477