webpack4中的 optimization.runtimeChunk | 您所在的位置:网站首页 › 什么是webpack 的chunk › webpack4中的 optimization.runtimeChunk |
webpack4中的optimization.runtimeChunk是用来分离运行时的代码,我们看下面的例子来了解它的具体作用: 分离不含import()的 先看一个不包含import()的vue项目: /*---App.vue---*/ About /*---About.vue---*/ This is an about page /*---router.js---*/mport About from '../views/About.vue'Vue.use(VueRouter)const routes = [ { path: '/about', name: 'about', component:About }]打包,得到如下结果: 然后我们配置vue.config.js: configureWebpack: { optimization: { runtimeChunk:{ name:()=>'aaa' }, },}再一次打包: 我们可以发现多了个aaa.***.js,它就是runtimeChunk配置的,是从app.***.js中分离出来的webpack相关代码,我们看看aaa.***.js内容: (function(e) { function r(r) { for(var n, l, a = r[0], i = r[1], f = r[2], c = 0, s = []; c |
CopyRight 2018-2019 实验室设备网 版权所有 |