原文:vue-cli2 生成的项目打包优化(持续学习中)

.昨天看到自己的项目每次打包后都是 M左右,就觉得这个打包后的dist文件太大了,能不能小点呢, 然后就看网上的资料,提供了好多优化的办法,但是我只用了一个,后期再不断的优化吧。 打开工程项目文件夹。找到config文件夹 gt 打开index.js文件, 就修改这么一个属性,然后打包npm run build ,突然发现竟然就能比之前的文件小一半,直接从 M左右降到了 M左右。 这个属性是会生 ...

2021-04-08 12:03 0 226 推荐指数:

查看详情

vue-cli2 打包

npm run build 打包安装 相当于静态资源 解决vue-cli项目打包出现空白页和路径错误的问题 路径错误的问题解决方式: 打开config文件夹下的 index.js 找到如下图所示区域: 将build assetsPublicPath: '/', 改为 ...

Thu May 30 17:37:00 CST 2019 0 844
vue学习一:新建或打开vue项目vue-cli2

vue-cli3的操作参考文章:vue/cli 3.0脚手架搭建,浅谈vue-cli 3 和 vue-cli 2的区别 1、前期准备: node.js环境,安装node npm或者cnpm(npm的淘宝镜像,在命令行输入 npm install -g ...

Sun Feb 03 01:02:00 CST 2019 0 4865
vue-cli2和3的config

最近在网上找了个vue搭建的后台管理的框架,在使用的时候发现没有了config和build文件夹,所以当时就蒙圈了,以为是作者自己改了什么东西,所以感觉自己不知道从何下手了,不过通过查资料发现原来是vue-cli2和3的config不相同,vue-cli3更加简洁了而已,vue ...

Sat Jul 27 01:32:00 CST 2019 0 485
vue-cli2 构建速度优化

对于使用 vue-cli 脚手架创建的前端项目,编译发布几乎是必需操作,有的编译只需要几秒钟,快如闪电,有的却需要好几分钟,慢如蜗牛。如果是线上进行热修复,那更是分秒必争,网页响应的速度直接影响了用户体验,用户不会那么有耐心长时间等着,让你慢慢编译。 网上流传 vue-cli 一些优化配置,有些 ...

Tue Jan 08 04:18:00 CST 2019 2 2276
vue-cli2/vue-cli3之抽离打包请求之config

场景需求:   因为可能分为很多请求场景,所以不能换一次请求就打包一次,所以得把请求地址放到打包好的一个静态包里面改变 vue-cli2版本的   static/config/index.js    index.html 在body上面加载script ...

Wed Aug 07 23:17:00 CST 2019 0 470
解决vuevue-cli3、vue-cli2项目在ie浏览器打开空白

背景:最近在做溯源项目,使用了vue-cli3构建的项目,但是在IE打开空白,其他浏览器打开正常,为了解决此问题,安装了babel-polyfill,在main.js文件通过import "babel-polyfill"引入了该文件,但还是没有解决此问题,搜索了好久,终于找到了一篇文章解决 ...

Tue Sep 08 22:58:00 CST 2020 8 2763
vue-cli2vue-cli3 打包分析

案例: 以element-admin和iview-admin为例. 在vue-cli3的配置 1、 安装 npm install webpack-bundle-analyzer --save-dev 2、 vue.config.js const ...

Sun Oct 25 22:37:00 CST 2020 0 394
vue-cli4 项目打包优化

1.通过命令行参数的形式生成报告: 2.路由懒加载 当打包构建项目时,JavaScript包会变得非常大,影响页面加载,如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 方法: 安装 @babel ...

Thu Nov 14 06:24:00 CST 2019 0 4270
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM