准备工作、安装webpack、初始化项目

准备工作：

1. 安装git：

　　git下载地址：https://git-scm.com/downloads

　　git安装步骤：https://blog.csdn.net/litao_huang/article/details/80838118

 

2.  安装node

　　2.1  node下载地址：http://nodejs.cn/download/

　　2.2  node安装方法：http://www.runoob.com/nodejs/nodejs-install-setup.html

　　2.3  检查是否安装完成：node -v ;  npm -v 如果安装成功，返回版本号      备注：npm是随同node一起安装的包管理工具

　　2.4  安装淘宝镜像：

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

 　　2.5 Node.js简单教程（参考源宝网）：http://www.ybao.org/book/nodejs/627.html

 

安装webpack:

　　1. 全局安装webpack

cnpm install -g webpack
//卸载
 cnpm uninstall webpack -g

查看版本：webpack -v

修改webpack的版本

//修改webpack全局版本
cnpm install webpack@3.6.0 -g
//修改webpack局部版本
cnpm install --save-dev webpack@3.6.0

 

　　2. 初始化项目（需要在项目的根目录里面）

cnpm init -y
或
cnpm init

　　　　项目初始化完毕以后，会自动生成package.json文件；在这个文件里面可以查看各种依赖的版本号

　　3. 在项目的根目录下面安装webpack 和 webpack-cli (本地安装webpack)

          cnpm install  webpack --save-dev
     cnpm install webpack-cli --save-dev

 　   　在wbepack4.X版本中，是需要安装webpack-cli的

 　   　cnpm install -D webpack 与 cnpm install --save-dev webpack是一样的

　　4. 创建一个webpack.config.js文件，由于webpack是基于node的，所以配置文件要遵循commonJS规范；

　　　　创建src文件夹及其index.js入口文件(默认)

　　5. 配置package.json里面的scripts快捷命令：https://www.cnblogs.com/songxia/p/11165664.html

　　6.运行

 

cnpm run dev
cnpm run build

 运行以后，会自动生成dist文件夹

 

 

 

参考：https://blog.csdn.net/u012443286/article/details/79504289