美文网首页
vue项目优化 (将优化进行彻底)

vue项目优化 (将优化进行彻底)

作者: 奇怪的双子座 | 来源:发表于2018-10-17 14:24 被阅读0次

1.vue 路由按需加载

const activityTheme = () =>

    import('@/views/activityTheme/activityTheme.vue') //活动主题页面

2.vue生产版本去除.map文件

    去src/config/index.js中改一个参数: 

    productionSourceMap:false 

3.图片懒加载

4.优化引入的js(cdn加载),减少首页体积

externals:{

    'vue': 'Vue',

    'Vuex':'Vuex',

    'element-ui': 'ELEMENT',

    'animate':'animate',

    "babel-polyfill":"babel-polyfill"

  }

相关文章

  • vue项目优化 (将优化进行彻底)

    1.vue 路由按需加载 const activityTheme = () => import('@/view...

  • vue.config.js配置

    vue cli3.x创建的项目vue本身已经做了些优化,如果想在这个优化之上在进行优化的话我们需要在项目的根目录新...

  • Vue 网站首页加载优化

    Vue 网站首页加载优化 本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启...

  • 博客网站首页加载优化

    Vue 网站首页加载优化 本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启...

  • vue项目优化

    vue 项目优化 项目打包体积优化 通常vue项目通过webpack打包后,会出现vendor包的体积过大的情况,...

  • [性能优化]Webpack篇

    参考文章:Vue 项目性能优化 — 实践指南(网上最全 / 详细) Webpack 对图片进行压缩 在 vue 项...

  • Nginx开启Gzip优化网页访问速度

    前言 开启Nginx Gzip 优化网页加载速度不限于Vue项目,所有前端皆可开启gzip优化如果是Vue项目可以...

  • webpack打包优化之路

    最近使用vue-cli和vux做的项目,打包后文件体积过大,300k开始进行优化。 优化1:使用CDN资源,减小服...

  • vue 性能优化详解(一)

    前端路漫漫,优化无极限。本文主要从代码层面对vue项目性能优化进行总结, 1.v-if 和 v-show 区分场景...

  • vue 性能优化点

    vue项目中,经常会遇到一些性能优化点,以下就是我在工作中,总结的优化点 vue 性能优化点 1,路由懒加载 2,...

网友评论

      本文标题:vue项目优化 (将优化进行彻底)

      本文链接:https://www.haomeiwen.com/subject/sidkzftx.html