小楼一夜听春雨

一般单页应用是离不开路由的，那么一般引入组件的时候大家习惯性的使用import XXX from ‘XXX’，这样的话，webpack在打包的时候会将import的组件全部打包进去，这里我是利用react-route来实现路由机制的，这里可以采用它提供的getComponent来动态获取组件，这样就实现了按需加载，而不是一股脑的都打包在一个文件中，大大提供了首屏加载的速度，如下图： 其中thi

这段时间在将webpack从1升级到3，因为等项目稳定下来想升级2的时候，3都出来了。想了解3的东西，直接可以看官网就好了，都有解释，根本不用看别人的翻译，官网也提供了中文，地址：https://webpack.js.org。不要浪费时间看别人的博客，多看看官方文档。我这里只是贴出我自己项目的webpack3的配置文件内容。没有特殊要求，我这份就足够了，目前只对SPA类型的项目做了升级，分别有两份配

之前我写过一篇关于redux相关的code splitting 之前的文章->http://blog.youkuaiyun.com/fay462298322/article/details/78361579 而后我进入GitChat又重新整理了一份，关于code splitting其实跟你用不用react这些库没什么关系，只不过我示例中使用了它，也因为我是react的热衷者，我觉得react才是当前

我们会经常用一些本地的库，然后在webpack中利用resolve中的alias给指定库路径起别名，这样在项目中就可以像引用node_modules里的库一样引用它，当然默认webstorm会对引用node_modules里的库有提示作用，而对resolve是没有提示作用的，此时我们需要再webstorm中配置webpack的配置文件，这样便可识别。最好下载webstorm EAP版本，对webpa

现如今前端开发基本都是利用webpack，有些人会有rollup.js，但自从webpack2开始引入了rollup.js的tree-shaking之后，rollup.js的存在价值已然不大，因为这是rollup.js主要亮点，而相比webpack，它缺少了太多的插件支持。 开发大型应用的时候，我们会利用webpack+bundle-loader实现code-splitting，在国内称为按

使用react技术栈，只关注业务开发最近一阵子忙于公司业务的架构设计及开发，因此从该架构中抽出一小部分，感觉可以很方便的用于团队的业务开发，不需要太关注webpack等配置，当然这些只是一个简单的分享，不是什么新鲜玩意儿。我在github上提交了一个示例，fay-react-application。该示例呈现了一个简单的应用系统，这个示例中也呈现了代码切割的方式，可以在/app/home文件夹...