7-4 vue-cli生成的CommonsChunkPlugin,name: 'app', async: 'vendor-async'是什么意思呢?

来源:7-4 vue 和 webpack - 开发配置(2)

l0vebear

2018-10-19

图片描述

这样设置的目的就是为了分离业务中的公共代码吧,比如某个自定义vue组件,被import 3次,就应该打包到公共chunk。
但是npm run build后,生成的dist文件夹下,只有app.[hash].js,并没有类似common-chunk.js的文件。
图片描述
如何分离出公共业务代码呢?为啥上面的设置没有起作用呢?
另外,如果我采用动态import组件,结合路由懒加载。那懒加载的路由页面里,应用的代码块也会被计算到minChunks: 3里面吗?

写回答

1回答

qbaty

2018-10-22

另外,如果我采用动态import组件,结合路由懒加载。那懒加载的路由页面里,应用的代码块也会被计算到minChunks: 3里面吗?

是的

async 这里是指异步的意思,还不简单是指出现3次

0
0

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程