Vue 安装webpack及配置

安装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
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值