node.js、npm、webpack、babel的基本使用

1 安装node.js和npm

下载node-v10.15.3-linux-x64.tar.xz，上传到~

$ cd ~ /* 进入home */

$ tar xf node-v10.15.3-linux-x64.tar.xz /* 解压缩 */

$ cd node-v10.15.3-linux-x64 /* 进入目录 */

$ node -v /* 查看版本 */

$ sudo mv node-v10.15.3-linux-x64 /usr/local /* 移动文件夹 */

$ sudo ln -s /usr/local/node-v10.15.3-linux-x64/bin/node /usr/bin/node /* 建立软连接 */

$ sudo ln -s /usr/local/node-v10.15.3-linux-x64/bin/npm /usr/bin/npm /* 建立软连接 */

$ sudo ln -s /usr/local/node-v10.15.3-linux-x64/bin/npx /usr/bin/npx /* 建立软连接 */

2 建立项目

$ mkdir webpack-demo /* 建立根目录 */

$ cd webpack-demo /* 进入根目录 */

$ mkdir src /* 建立源代码目录 */

$ mkdir dist /* 建立发布目录 */

$ npm init /* 初始化项目 */

3 安装webpack

$ npm install --save-dev webpack /* 安装webpack */

$ npm install --save-dev webpack-cli /* 安装webpack-cli */

4 使用webpack

4.1 安装lodash（演示所需）