前端webpack初始化到打包上线过程记录

ssh连接虚拟机操作

node -v（版本返回结果：12.16.2）
git --version（版本返回结果：git version 2.18.0）（视频上面的版本是2.8.0）
webpack -v （未装，下面安装）

一、安装cnpm（注意-g不能少，必须执行软链接）

npm install -g cnpm --registry=https://registry.npm.taobao.org（安装）

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org（再次安装）

处理"node":"v0.10.48" 版本显示有误的现象

使用 yum 先删除一次旧版本的nodejs

yum remove nodejs npm -y

重新建立node的软连接

$ sudo ln -s /usr/local/node-v12.16.2-linux-x64/bin/node /usr/bin/
$ sudo ln -s /usr/local/node-v12.16.2-linux-x64/bin/npm /usr/bin/
$ sudo ln -s /usr/local/node-v12.16.2-linux-x64/bin/npx /usr/bin/

再次下载才能cnpm

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm安装成功

sudo ln -s /usr/local/node-v12.16.2-linux-x64/bin/cnpm /usr/bin/（建立软链接）

再次确认cnpm -v

二、安装webpack（注意必须先卸载再安装）呵呵保险起见不论安没安装都做一遍

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

然后再全局安装webpack：
sudo cnpm install -g webpack

sudo cnpm install webpack-cli –g

webpack -v
webpack-cli -v

三、建立目录

cd /（进入根目录）
ls（查看文件列表，发现没有product和developer）
sudo mkdir product（新建product，放生产环境的东西，比如dist打包文件等放这里）
sudo mkdir developer（新建developer，放开发环境的东西，比如前端代码等放这里）

ll（查看文件列表，发现product和developer权限是755不能修改文件夹里的内容）

$ sudo chmod 775 -R product/ （把product目录权限变更为775，能修改了）
$ sudo chmod 775 -R developer/ （把developer目录权限变更为775，能修改了）