webpack配置（第二步：入门篇）

关于webpack的项目文件：https://gitee.com/codeFarmerPen/webpack

安装 webpack

cnpm安装webpack：

$ cnpm install webpack -g

备注：cnpm install webpack@版本号.0.0 -g //例如：

$ cnpm install webpack@3.0.0 -g

         必定要记得版本号，4版本已经出了，不加版本号有时候会直接下载最新的（不稳定）版本。

建立项目

基础的理解部分建议直接看菜鸟教程，而后后面的内容是我本身配的，故而一些路径文件，是根据个人思路来的，重在理解，重在理解。

关于webpack的配置我总共配置了：

ES六、less、html-webpack-plugin配合ejs模板引擎生成html模板、css的url联合配置。

先来一发project目录(这是完整的目录，也是我配置好的最终目录)

        

        app：工程构建目录，入口文件放在这里；

        _build：文件产出目录，产出的文件会放在这里；

        可去个人项目文件里面复制，readMe里面有一次性所有安装的步骤：https://gitee.com/codeFarmerPen/webpack/blob/master/README.md

 

下面是我关于webpack配置的全部连接

webpack配置（第一步：配置前提）：http://www.javashuo.com/article/p-zhierewo-eo.html

webpack配置（第二步：入门篇）：http://www.javashuo.com/article/p-zgertkmc-mq.html

webpack配置（第三步：ES6篇）：http://www.javashuo.com/article/p-yornwkpw-dt.html

webpack配置（第四步：html篇（基础篇））：http://www.javashuo.com/article/p-ykguohhe-do.html

webpack配置（第四步：html篇（进阶篇））：http://www.javashuo.com/article/p-nqgmvdah-hz.html

webpack配置（第四步：html篇（模板篇））：http://www.javashuo.com/article/p-cfrvmuzd-ea.html

webpack配置（第五步：less/css篇（基础篇））：http://www.javashuo.com/article/p-ftegbnmw-p.html

webpack配置（第五步：less/css篇（进阶篇））：http://www.javashuo.com/article/p-bkdzfetz-mx.html

webpack配置（第五步：less/css篇（url图片篇））：http://www.javashuo.com/article/p-adtmrppc-mq.html