安装webpack,可以全局安装,也可以只在项目下安装,官网不建议全局安装,但是不全局安装运行时就可能会出现问题,现记录如下:
这是官网链接:添加链接描述
局部安装:新建项目webpack-demo(以及该目录下的其他文件夹:src、dist),然后在该目录下,cmd输入以下命令:
npm install --save-dev webpack
npm install --save-dev webpack@
2.生成 package.json 文件
npm init -y
3.安装jquery,同时生成node_modules文件夹:
npm i jquery -S
4.用webpack将main.js打包放在dist文件夹下,重命名为bundle.js:
webpack ./src/main.js -o ./dist/bundle.js --mode development
报错:
webpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请
确保路径正确,然后再试一次。
所在位置 行:1 字符: 1
+ webpack .\src\main.js -o .\dist\bundle.js --mode=development
+ ~~~~~~~
+ CategoryInfo : ObjectNotFound: (webpack:String) [], CommandNotFoundException