Vue学习笔记

打包构建

2019-05-27  本文已影响0人  smartHui

1、babel中:组件库的按需加载

2、路由的webpackChunkName,路由的懒加载和拆包

3、loadash的引用。使用第一种方式,引用的loadash具体的方法(只打包具体的方法的代码,这样包的大小会小一些),而使用第二种方式,是把loadash引进来,使用它里面的一种方法(这样会loadash整个的库都会打包进来)

目前:手动这样引入,loadash官方也提供webpack的配置

cli提供的命名npm run build -- --report,得到一个报告report.html

4、图标的按需加载 https://github.com/vuecomponent/ant-design-vue/issues

缺点:每一个图标都需要使用S1的方法引入,不能漏

S1.在src下,新建icons.js文件,把需要用到的图标放在这个文件里面

S2.vue.config.js配置

5、moment优化https://github.com/jmblog/how-to-optimize-momentjs-with-webpack

使用webpack插件,忽略moment语言包,所以需要使用中文时,需要单独引入(默认英文)【见图二】

图一 图二

6、chart按需加载:只引入柱状图和title

weback配置,以及本身库提供就的按需加载的功能

上一篇 下一篇

猜你喜欢

热点阅读