webpack-dev-server的使用
程序员文章站
2022-06-24 08:32:18
1.安装 ps:为保证webpack-dev-server能正常运行，请确认在本地项目中下载了webpack的包，可以通过package.json来查看有无下载 2.运行 1.使用npx命令运行 2.使用npm运行 1.首先配置package.json 2.运行命令 3.修改引用包文件的页面文件（* ......
1.安装
npm install webpack-dev-server --save-dev
ps:为保证webpack-dev-server能正常运行，请确认在本地项目中下载了webpack的包，可以通过package.json来查看有无下载
2.运行
1.使用npx命令运行
npx webpack-dev-server
2.使用npm运行
1.首先配置package.json
//在script内新增dev键
"scripts": {
"test": "echo \"error: no test specified\" && exit 1",
"build": "webpack",
"dev":"webpack-dev-server --open --contentbase dist --hot"
},
//参数说明
/*
--open 执行命令时自动打开页面
--contentbase dir 打开时显示的文件
--hot 每次更新资源文件，不用更新所有资源，只更新部分，相当于加了一个补丁。
*/
2.运行命令
npm run dev
3.修改引用包文件的页面文件（*.html）
<!doctype html>
<html>
<head>
<title>起步</title>
</head>
<body>
<!-- 这里的路径要修改成根目录下，因为webpack-dev-server会生成一个虚拟的的包文件，位于根目录下 -->
<script src="/bundle.js"></script>
</body>
</html>
上一篇： Python爬虫动态User-Agent
下一篇： golang中的并发和并行
推荐阅读