项目场景:
设置webpack的自动打包时报错。
问题描述:
报错:
Error: Cannot find module 'webpack-cli/bin/config-yargs'
原因分析:
开始以为是哪个步骤打错了,重新又配置了一遍,还是报错,后来发现是webpack-dev-server现在改为了webpack serve。
解决方案:
在package.json中修改。
再次运行npm run dev,成功。
最后是设置webpack的自动打包步骤
A.安装自动打包功能的包:webpack-dev-server
npm install webpack-dev-server -D
B.修改package.json中的dev指令如下:
"scripts":{ "dev":"webpack serve" }
C.将引入的js文件路径更改为:
D.运行npm run dev
,进行打包
E.打开网址查看效果:http://localhost:8080