上一篇: 【webpack5修行之道】第2篇:webpack处理图片资源和其他资源
前两篇文章的里将的代码修改后的方式是: 手动执行npm run build编译命令,然后去刷新浏览器,这种方式未免也太麻烦了吧?
对的,webpack已经帮我们想到了,webpack提供了webpack-dev-server包
老规矩先安装webpack-dev-server
npm install -D webpack-dev-server
安装完毕后,修改webpack.config.js文件
完整代码为:
const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
//入口文件
entry: './src/index.js',
//打包后的文件配置
output: {
//指定输出的目录,一般采用绝对路径
path: resolve(__dirname,'build'),
filename: '[hash:10].built.js'
},
module: {
//l