webpack入门

基于webpack 4+ 的版本,4以下的版本有一定差异:

1、创建文件目录 

mkdir webpackTest && cd webpackTest
npm init -y

npm init -y 是在文件中自动创建 package.json 文件,-y 参数是默认所有配置,此时建议文件名都是小写,否则部分编辑器在 package.json 中会有警告,或者直接运行 npm init ,然后默认 enter 即可,会自动转换大小写问题。

2、官方推荐本地安装,不推荐全局安装 webpack。这会使项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。

      npm 命令本地安装 webpack :

npm install --save-dev webpack

使用 webpack 4+ 版本,还必须安装 CLI:

npm install --save-dev webpack-cli

附带删除全局安装的 webpack 和 webpack-cli :

npm uninstall -g webpack-cli
npm uninstall webpack-cli
npm uninstall -g webpack
npm un webpack

如果遇到权限问题,使用管理员权限,( mac上是 sudo ~~~,如 sudo npm uninstall -g webpack-cli )

啊啊啊啊啊啊啊啊啊啊啊啊啊啊,我真的写不下去了!!!慢慢....完善吧。

所有的新知识还是要从官方文档开始学习:webpack文档指南

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值