安装webpack(前端部分)

安装区别(尽量局部安装,不然容易起项目版本冲突)

局部安装:npm install xxx  (安装到当前项目的node_module里)

全局安装:npm install xxx -g(电脑里的任何项目都使用这个功能和版本)

npm install后缀区别:

-S:项目打包也会用到的依赖

-D:项目运行主要的依赖,打包用不到(--save-dev的缩写)

webpack安装需要先安装webpack-cli脚手架,安装webpack-cli需要使用npm或者yarn安装,安装npm可以安装node,安装node这样直接可以使用node的包管理器也就是npm,切换node版本使用nvm

安装node和npm()

查看node版本()以及npm版本:  npm  -v

查看安装过所有的node版本和npm版本 

切换node版本(nvm use ###)

全局安装nvm(可参考的安装nvm教程

nvm只能切换node版本不管当前node版本对应的npm版本

使用nvm切换node版本(nvm use 14.17.0)后

如果和npm版本冲突可使用 npm install -g npm@###

然后使用npm -v查看npm当前版本是否切换成功 

局部安装webpack(静态模块打包工具)

打包成功后会出现dist文件,把dist目录弄成压缩包发送给后端(后端怎么放线上还没学我再努力努力,学会了在写个续集)

以上为以下内容结合整理,具体可自行查看,有问题欢迎指正

npm install 依赖包名 -S/-D/-g/--save/--save-dev 的作用和区别_npm的--save-CSDN博客

nvm如何变更npm版本_nvm切换npm版本-CSDN博客

webpack4的学习-CSDN博客

--save-dev 和 --save - 简书

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值