webpack3-[webpack-dev-server]的使用

webpack3-[webpack-dev-server]的使用

---

搭建项目

1. webpack-dev-server有什么用？
   可以用来自动打包编译

2. 通用步骤
   npm init -y
   npm i webpack --save-dev
   npm i webpack-cli --save-dev
   npm i jquery -d

3. 安装 webpack-dev-server
   npm i webpack-dev-server --save-dev

4. 在 package.json 中的 scripts 中添加
   “dev”: “webpack-dev-server”

5. 编写js和html
   html中引入js的路径为 /xxx.js

6. 编写配置文件 webpack.config.js
   const path = require(“path”)
   module.exports = {
   entry: path.join(__dirname, ‘./src/js/demo.js’),
   output: {
   path: path.join(__dirname, ‘./dist’),
   filename: “demo.js”
   },
   mode: “development”
   }

7. 启动 webpack-dev-server
   npm run dev

8. 注意：webpack-dev-server打包编译后的文件在内存中

---