大事件项目62------打包发布_dist瘦身

简介: 大事件项目62------打包发布_dist瘦身

1、现在我们调整一下webpack的配置,让他们把我们的vue和element-ui排除掉 2、在vu

3、这个key就是我们下载的那个版本的格式,不用写格式,这个key就是你要排除的名字

4、value就是你在项目当中引入的变量名

5、这个变量名我们要在webpack中,引入的

6、CDN引入的也是大写的名字,我们给他换掉

7、在配置当中,我们写入配置项

8、这个name和resolve我们都是不需要的

9、我们在打包的时候,看看有没有真正的减少体积

10、右键,我们看一下

11、右键,我们看他的属性

12、现在打包的只有1.8M了

13、后期open一下,因为把vue排除掉,所以代码报错了

14、后期我们通过CDN引入过去,就又可以瘦身了

15、git 提交

相关文章
|
12月前
|
JavaScript 应用服务中间件 nginx
vuecli3打包项目上线之后报错怎么使用本地的sourcemap文件定位调试?
vuecli3打包项目上线之后报错怎么使用本地的sourcemap文件定位调试?
125 0
|
4月前
|
开发工具 git CDN
大事件项目64----打包发布-开发环境不排除第三方包
大事件项目64----打包发布-开发环境不排除第三方包
|
4月前
|
JavaScript CDN
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
|
4月前
|
JavaScript 前端开发 开发工具
大事件项目59------打包发布_相对路径修改
大事件项目59------打包发布_相对路径修改
|
4月前
|
JavaScript 前端开发 应用服务中间件
蓝易云 - dockerfile部署前端vue打包的dist文件实战
这样,你的Vue应用就会在Docker容器中运行,你可以通过访问[http://localhost:8080](http://localhost:8080/)来查看你的应用。
219 0
28个案例问题分析---04---生产环境app打包未关联云空间--uniapp 打包
28个案例问题分析---04---生产环境app打包未关联云空间--uniapp 打包
181 0
|
前端开发
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
DSP开发软件css(10)使用基础(汉化、工程导入、设置目标配置文件、选择仿真器和芯片型号、添加文件|库路径、编译下载等操作)
175 0
Vite:rollup-plugin-visualizer查看打包体积分析report报告
Vite:rollup-plugin-visualizer查看打包体积分析report报告
1428 0
Vite:rollup-plugin-visualizer查看打包体积分析report报告
|
移动开发 前端开发 小程序
为了偷懒,我用google/zx一键自动打包编译了前后端项目并发布到指定环境
由于正在负责的一个项目,就说前端涉及到PC端、公众号端、APP端的H5、小程序端、可视化大屏端,而PC和APP又通过qiankun引入了微前端的理念。整体一圈下来可能光前端编译打包就要build差不多二十次。而有时候经常性的bug改动,这个时候便只需要进行测试后需要进行小范围的测试。
205 0
|
JavaScript 前端开发
rollup 实战第三节 打包生产
前面讲过了,rollup如何打包开发环境。现在肯定是打包成生产环境了。本次需要实现的功能是把库打包成生产环境。由于本次代码是基于前两次的基础上的,如果有问题的还请移步前两节。 (实战 rollup 第一节入门) (rollup 实战第二节 搭建开发环境)
rollup 实战第三节 打包生产