webpack安装 webpack-dev-server后进行实时监听报错
webpack安装插件 webpack-dev-server后进行实时监听,重新运行npm run dev报错
一、问题现象?
- 通过cmd窗口命令行执行命令:
npm install webpack-dev-server@3.11.2 -D
注意:-D 是 --save-dev 的简写
- 修改前端项目中 package.json -> scripts 中的 dev
"scripts": {
"dev": "webpack" //script 节点下的脚本 可以通过 npm run 执行 例如npm run dev
}
- 终端中运行 npm run dev 命令,启动 webpack 进行项目的打包构建
二、解决措施
1.现象解释
针对上述现象理解:
“[webpack cli]无法加载“@webpack cli/serve”命令”
思路: 需要先有客户端,才可以提供服务之类的,那么的话就需要加载webpack-cli (个人理解)
2.加载webpack-cli
运行命令:
npm install webpack-cli --save-dev