学习webpack前的准备工作

Posted 2021-03-14 前端学习123321123

前言

---

由于vue和react的流行，webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业，真的需要潜下心来学习一下。

准备工作（针对mac用户）

• 安装 homebrew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• 安装nodejs

$ brew install node

• 安装 n 来管理 nodejs 版本

$ sudo npm install -g n  
# 安装最新版本
$ n latest
# 安装最稳定版本
$ n stable
# 删除某个版本
$ n rm 0.10.1
# 切换版本
$ n 
# 进入切换界面会出现当前安装的各个版本的nodejs
# 通过上下键切换版本，o切换到你想要的版本前回车即可

• 了解 npm

npm是随同nodejs一起安装的包管理工具，常见使用场景
1、允许用户从NPM服务器下载别人编写的第三方包到本地
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
3、允许用户将自己编写的包或命令行程勋上传到NPM服务器供别人使用

# 查看npm版本
$ npm -v
# npm升级
$ sudo npm install npm -g
# 在项目目录下初始一份package.json
$ npm init -y

准备工作就绪，下一章开始webpack学习。