码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 优化集锦

时间:2020-04-11 09:43:10      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:span   extern   vuerouter   src   gzip   pre   color   exports   zip   

1. 在vue-router中使用import()来代替require.ensure()懒加载实现代码打包分离

const Foo = () => import(/* webpackChunkName: "group-foo" */ ‘./Foo.vue‘)
const Bar = () => import(/* webpackChunkName: "group-foo" */ ‘./Bar.vue‘)
const Baz = () => import(/* webpackChunkName: "group-foo" */ ‘./Baz.vue‘)

require.ensure() 已经时过去式,现在推荐使用import实现异步

/* webpackChunkName: "group-foo" */ 的名称一样就会把代码打到一个包里

2. nginx gzip 压缩

3. vue gzip 压缩

4. ssr 服务端渲染

5. CDN 

module.exports = {
  entry: {
    app: ‘./src/main.js‘
  },
  externals:{
    ‘vue‘: ‘Vue‘,
    ‘vue-router‘: ‘VueRouter‘,
    ‘vuex‘:‘Vuex‘
  }
}

6. webpack 打包

 

Vue 优化集锦

标签:span   extern   vuerouter   src   gzip   pre   color   exports   zip   

原文地址:https://www.cnblogs.com/whcghost/p/12677673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!