在基于NUXT + EXPRESS的项目中,可以采取以下几种方法来减少vendor.js的大小:
import()
语法来实现动态导入,例如:import('lodash').then((_) => {
// 使用lodash模块
})
head
选项来引入外部库,例如:head: {
script: [
{ src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.js' },
{ src: 'https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js' }
]
}
build
选项来开启Tree Shaking,例如:build: {
extend(config, { isDev, isClient }) {
if (isClient && !isDev) {
config.optimization.splitChunks.maxSize = 200000
}
}
}
asyncData
或fetch
方法来实现按需加载,例如:async asyncData({ app }) {
const { moduleA } = await import('@/modules/moduleA')
// 使用moduleA模块
}
build
选项来开启代码压缩,例如:build: {
terser: {
terserOptions: {
compress: {
drop_console: true
}
}
}
}
以上是在基于NUXT + EXPRESS的项目中减少vendor.js大小的一些方法。具体的实施方式可以根据项目的具体情况进行调整和优化。
领取专属 10元无门槛券
手把手带您无忧上云