webpack搭建开发服务器

搭建开发服务器

• 通过使用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命令即可