嗨,我在我的项目中使用Nuxt JS,我注意到我的js文件越来越大了
我的问题是如何缩小或拆分超过1mb的供应商或js文件
而且我也看到字体超赞也占用了大量空间
如何删除所有这些不必要的库并使js文件更小?
字体很棒:200KBfree-solid-svg-icons:194KBvendor.app:1MB
这就是我能够剃掉1+ MB的方式
首先,如果您正在使用nuxt-fontawesome
模块,请将其删除。即使明确列出了我关心的图标,我也无法弄清楚如何对其进行优化。
相反,我创建了一个字体超赞的插件,并使用了library
as mentioned in the README。
font_awesome_icons.js
import Vue from 'vue'
import { library, config } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { faGem } from '@fortawesome/free-regular-svg-icons/faGem'
import { faFacebookF } from '@fortawesome/free-brands-svg-icons/faFacebookF'
import { faUser } from '@fortawesome/free-solid-svg-icons/faUser'
library.add(faGem, faFacebookF, faUser)
Vue.component('font-awesome-icon', FontAwesomeIcon)
nuxt-config.js
// ...
plugins: [
{ src: '~/plugins/font_awesome_icons.js', mode: 'client' }
],
// ...
index.vue
<template>
<font-awesome-icon :icon="['fab', 'facebook-f']" />
</template>
<script>
export default {
}
</script>
<style>
</style>