标签归档:webpack

首页 » Posts tagged 'webpack'

w3cmm

优化webpack打包速度

随着项目复杂度的提升,react、react-dom、react-route等一系列框架的引入,再加上babel-preset-es2015、babel-preset-react等一系列插件,webpack变得越来越慢。webpack提供了DllPlugin和DllReferencePlugin插件可以让构建速度飞起来。 DllPlugin 这个插件专门用于单独的webpack配置来创建一个dll-only-bundle。 它创建一个manifest.json文件,由DllReferencePlugin用于映射依赖关系。如下所示创建一个使用DllPlugin插件的webpack.vendor.dev.config.js文件: //webpack.vendor.dev.co … 继续阅读

目录 记事本 | |
w3cmm

webpack动态加载

假如你正在开发一个单页应用,随着项目功能的不断增加,打包后的文件也越来越大,此时为减少页面的初始加载时间和避免不必要的多余加载,我们就需要实现动态加载,或者叫按需加载。 翻一下webpack的官网,很容就会发现2个方法: require.ensure require.ensure(dependencies: String[], callback: function([require]), [chunkName: String]) dependencies:是一个数组指明所依赖的文件 callback:是一个回调函数,在callback执行前其内部的依赖会被提取出来和dependencies中的依赖合并到一起提前加载。在webpack内部这些模块会被包装成CommonJs模 … 继续阅读

目录 记事本 | |
第 1 页,共 1 页1