webpack从零开始-个人总结

写在前面的话：万丈高楼平地起，基础才是最重要的。

---

自己阅读的文章：

从零开始，教你用Webpack构建React基础工程。

该文章中，通熟易懂的文字描述和步骤提示，非常适合新手学习。跟着提示，一步步做下去，对webpack搭建项目就有了一个比较清晰的认识。具体的内容大家可以点击链接去看看，我这里主要是总结自己学习的过程中，踩到的坑和多入口的项目配置。

1、npm install --save-dev react react-dom，多个同时安装用空格分离。新手建议一个一个安装，在loading的时候，可以查一下对应的文档，了解一下。

2、loader: 'babel' 这里要特别注意，新的版本中需要写完整loader: 'babel-loader'

3、webpack当前版本已经到2.x了（webpack中文文档2.2）。所以一定要关注一下你当前需要用到的工具版本，使用之前先看官方的文档。colors和process 在新版本中已经不支持了。所以执行"webpack-dev-server" 会变异不通过。（苦脸！）

以上是webpack项目搭建的时候需要注意的地方。

接下来是多入口的项目打包的问题。一开始做的时候，由于基础的东西没看全，所以方向就不对。墨迹了2天没搞出来。后来在好心网友的建议下，先看了上面那篇文章，理清了思路之后才做出来的。

注意点：

1、

2、选中部分为当前入口页面需要加载的js文件。vendors为公共模块，必须写在前面。同理，如果你做了共用js分离，也需要在后面补充。建议放在当前页面js之前['react模块','共用方法模块','当前页面模块']，其中名字要和入口对应。

项目demo