不要着急，不要着急，

休息，休息一会。

webpack-dev-server的使用

　　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>

 

　　　　

posted @ 2019-11-01 22:33  angle-xiu  阅读(854)  评论(0)  编辑  收藏  举报
Live2D