code-splitting

    0热度

    1回答

    the construct of the object 我想提取“VUE”来一大块,“jQuery的”来一大块,并与“VUE”有关的东西,像“vuex”,“VUE路由器”到另一块。又该用CommonChunkPlugin呢? 这些代码是我的配置,它conbine的VUE和与他人 new webpack.optimize.CommonsChunkPlugin( name: 'vendor',

    1热度

    1回答

    我通常以react-native或使用webpack编程。在大项目中,捆绑时间可能相当长。在反应本机中,我必须尝试检查react-native unbundle是否确实使应用程序速度更快,但是这里有一个问题: 代码拆分是否会加速构建时间?

    2热度

    1回答

    我正在使用react-router进行代码拆分。像AuthenticatedRoute这样的动态路由似乎并不适用于它。 如果用户转到About路线,更新,并且在日志中,并得到回About路线(而无需刷新页面),什么都不会显示,因为About航线代码分裂块不被替换/没有导入About组件。 代码: 路线 import React from 'react'; import { Route } fro

    0热度

    1回答

    我正在使用webpack(v3.5.6)来构建(捆绑和编译)一个web应用程序。在我们的主入口,我们(尝试)延迟加载另一个入口文件,使用此语法: import(/* webpackChunkName: 'charts' */ './charts').then((module) => { /* do something with module */}); 有了这些条目定义: entry: {

    1热度

    1回答

    我正在为我的反应应用和react-router 3.0.0版本的路由使用create-react-app样板。 我想在需要时加载组件,即基本上是代码分割。 我被卡住了,因为我不知道如何做代码拆分,因为我有一个HOC检查用户角色,如果用户没有特定路线的角色,比我重定向用户到一些'未经授权的路线。 我也有onEnter函数,它需要在加载任何组件之前调用,它会检查用户令牌是否过期,如果令牌过期,我将用户

    1热度

    2回答

    我的包大小约为2MB未压缩和400KB压缩 这束用的WebPack 1.15创建。 0。 而膜条是这样 这是Webpackanalyzer输出 然后,我已经更新的WebPack到2.6.1并启用代码劈裂和移动所有第三方JS到供应商。 js,现在bundle.js只包含我的应用程序的代码。 我的包的大小是这样的 这是未压缩的大小。 但加载时间增加到7.09s 然后我们尝试chunking based

    1热度

    1回答

    在我的WebPack我用的外部其中有反应,阵营大教堂,终极版等 现在,当我实现我的路由组块捆绑外部脚本,这是重新生成每块再次捆绑外部脚本,所以最终我的包的大小非常巨大。 如何避免我的个别块不重新捆绑外部脚本并从外部使用它们。 编辑 使用https://chrisbateman.github.io/webpack-visualizer/我可以看到我所有的块被捆绑共同库 - 这是实际上应该在的WebP

    1热度

    1回答

    我在隐式通用供应商块之后努力遵循docs。 我希望所有的node_modules都位于供应商区块中。 我有一个入口点(app),有几个孩子块。 我想: new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', minChunks: module => module.context && module.context.i

    0热度

    1回答

    我试图在我的webpack配置中为prod构建实现代码拆分 - 从应用程序代码中分离供应商文件。但是,当我尝试建立,我得到以下错误: ERROR in multi bootstrap font-awesome jquery popper.js progress-bar-webpack-plugin vue vue-resource vue-router vuex 上市基本上包在我的依赖关系。

    0热度

    1回答

    我正在构建要在React应用程序中导入的组件库。我想公开这些组件,以便它们可以动态地导入到应用程序中。 我试了一下: LIB> index.js export const Component1 = import(/* webpackChunkName: "components/Component1" */ './components/Component1') export const Compo