1. 在根目录下生成package.json文件: npm init -y
2. 安装webapck cnpm install webpack --save-dev
3. 创建webpack.config.js文件: echo > webpack.config.js
4、简单配置 webpack.config.js
5.cmd输入webpack命令,蛋糕了,报错(webpack不是内部命令)
遇到这个就扎心了,这么办聊?
小生想到了编译的文件夹是.bin,
进入bin文件夹,输入webpack报错,说是缺少了webpack-cli
于是小生就乖乖的安装了npm install webpack-cli --save-dev
完事了之后,又尝试去运行webpack命令
结果小编心又凉凉了
最后,小生找了找度大娘,发现需要配置一下环境变量,于是小生
把D:\try\webpack\node_modules\.bin设置成了环境变量(到我的电脑--属性--高级系统设置--环境变量)
关掉了cmd窗口,重新打开进入了项目文件夹运行了webpack命令
结果令小生喜极而泣,项目happily的跑起来了
说道最后,小生不得不为自己点个攒了
本文详细记录了解决Webpack配置及运行过程中遇到的问题,包括在根目录生成package.json,安装Webpack及相关CLI,配置webpack.config.js,以及如何通过调整环境变量解决Webpack命令不可用的难题。

被折叠的 条评论
为什么被折叠?



