webpack 基础概念教学-3

392 阅读1分钟

本次大概讲解下DevServer

DevServer是启动webpack的功能,里面可以配置端口,host等等,本次简单使用,后续再详细介绍每个 配置项,先简单用起来,感受下

1.首先安装

npm i -D webpack-dev-server

2.在webpack.config.js中配置

image.png

3.在package.json更改启动命令

image.png

4.多环境简单配置 安装

npm install cross-env --save-dev

配置devervver -新建webpack.dev.config.js文件

image.png

书写启动命令-指向新文件

image.png

5.运行结果 运行npm run start 和 npm run dev观察结果