搭建开发服务器
- 通过使用webpack-dev-server,运行之后可以使代码的修改立刻展示到页面中
首先通过命令
npm install -D webpack-dev-server
安装webpack-dev-server
然后在webpack.config.js中的module.exports中添加devServer配置
module.exports = { devServer{ // 本地服务器运行的域名 host: 'localhost', // 本地服务器运行的端口号 port: 3000, // 是否自动打开浏览器 open: true } }
然后在package.json文件中的scripts下添加一个新的脚本
"scripts": { "serve": "npx webpack server" }
最后运行
npm run serve
命令即可