Vue.js项目打包优化与首屏加载问题分析
Vue.js 项目打包优化首屏加载，听起来是不是有点头疼？其实，挺。如果你不想把一些常用的库，比如vue、axios、vuex、vue-router，打包到项目里，直接用CDN来加载就行。方法也简单，只要在webpack.base.conf.js配置中，指定这些库为外部资源，像这样：
module.exports = { externals: { 'vue': 'Vue', 'axios': 'axios', 'vuex': 'Vuex', 'vue-router': 'VueRouter' } }router/index.js中配置好路由就行了。这种做法，不仅能减小打包体积，还能提升首屏加载速度，适合那些让首屏加载更快的项目。
如果你在进行这些优化时碰到问题，不妨参考下相关的资料，比如webpack 的配置优化和CDN 资源加速。这些都挺实用的，学起来不难。
文件大小：31.58KB
评论区