webpack学习(一)

本文记录了学习webpack的过程,从创建项目文件夹、安装nvm、npm、node,到解决webpack安装问题,包括node版本要求,以及npm下载问题。通过设置淘宝镜像加速,安装webpack和webpack-cli,最终成功运行示例项目。
摘要由CSDN通过智能技术生成

在学习使用webpack,所以写个博客记录一下,方便以后查阅

在安装webpack之前在电脑里新建一个webpack项目工程文件夹,然后在这个文件夹中打开命令行

要使用webpack,必须先安装配置好nvm,然后安装npm、node

在命令行中敲入这行代码,全局安装webpack


npm install -g webpack 

输入命令行查看webpack是否安装成功:

webpack -v

使用这行命令时老是会输出一个webpack-cli的一个提示,在网上查了,说是不要安装4版本的webpack,也不知道为什么。。。然后安装了webpack 3.5.3版本,使用这条命令行就能查到webpack的版本了

npm install -g webpack@3.5.3
webpack -v

后来查了下,好像是因为node版本较低,webpack4最低支持node 6.11.5版本,而我的是6.11.2版本

查看现在已安装了node版本:

nvm ls

重新安装使用高版本的node,在官网查到目前官方认定的node最高版本是8.9.4,所以安装这个版本:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值