请教一个 vue-cli 3.0 的 webpack.splitChunks 打包的问题。
<p>分包原因:当前项目特别的大,所以需要按需加载。</p>
<p>正常情况在 router.js 文件中新增的路由,使用 splitChunks 分割出来的块是能够路由懒加载的</p>
<pre><code class="language-javascript">export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: resolve => require(['@/components/HelloWorld'], resolve)
}
]
})
</code></pre>
<p>但是在当前项目中,所有的路由都是从后端请求数据然后动态新增到 vue-router 中的。</p>
<pre><code class="language-javascript">export const loadView = (view) => {
return (resolve) => require([`@/views/${view}`], resolve)
}
</code></pre>
<p>这种情况下我使用 splitChunks 将指定的块分离出来,文件是被分离出来了,但是在页面加载的时候,也会和其他的组件文件加载出来。达不到页面加载的目的。和没有使用 splitChunks 分块没什么区别。</p>
<p>请问,有什么解决办法嘛,还是说我的 webpack 打包配置有问题</p>
收藏(0)
分享
相关标签:
注意:本文归作者所有,未经作者允许,不得转载
-
2022年5月24日 14:59
#2 同步 /异步加载的区别
0
0