环境
首先,需要安装nodejs、webpack,我的开发环境是ubuntu mate 18.04lts。
下载、安装、配置
nodejs从官方下载,下载链接https://nodejs.org/dist/latest-v4.x/,我下载的是node-v4.9.1-linux-x64.tar.gz 。
建议下载4.x,6.x,8.x都行,nodejs发行版本中偶数代表稳定版,不建议用奇数版本,否则容易给自己挖坑,会有降低自己的学习兴趣的风险。
下载完成后解压到node文件夹,文件夹起名简单为主,所以就叫node
然后需要配置环境。我为了简单,直接在/usr/local/bin下创建node命令和npm命令的软连接
sudo ln -s ~/Download/node/bin/node /usr/local/bin
sudo ln -s ~/Download/node/bin/npm /usr/local/bin
可以在shell中敲node -v或者npm -v查看版本,以确认命令生效
配置npm淘宝源
先不着急安装webpack,由于在国内访问npm源慢,先把软件源替换为国内的淘宝源https://npm.taobao.org/
根据网站中的提示设置源,我是通过在.zshrc中设置别名来使用npm淘宝源的。
echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc
这样每次敲npm命令就行了,其他不用关心,因为如果是用cnpm命令,个人会觉得不方便。
安装webpack
全局安装2.2.0版本,开发环境安装1.15.0版本
sudo npm install -g [email protected]
sudo npm install [email protected] --save-dev
配置webpack环境变量
同样适用建软连接的方式配置
sudo ln -s ~/Download/node/bin/webpack /usr/local/bin
使用webpack -v验证是否配置成功