webpack提供了一个可选的本地开发服务器,这个本地服务器是基于Nodejs搭建的,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改代码后的结果
不过他是一个单独的模块,在webpack...,这时我们就可以对配置文件进行抽离,形成单独的开发配置和生产配置
?...在项目中新增build文件夹,然后新建三个JS
base.config.js用于存放公共的配置,也就是开发和生产都需要的
const path = require('path');
module.exports.../dist',
inline:true
}
}
虽然这个时候三个配置文件是分离的,但是webpack并不认识三个文件,这个时候就需要一个插件了
npm install webpack-merge...2.9.3",
"webpack-merge": "^5.7.3"
},
"dependencies": {
"vue": "^2.6.13"
}
}
可以看到我们在后面指定了开发服务器和打包的配置文件