打包构建

作者: smartHui | 来源:发表于2019-05-27 11:05 被阅读0次

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配置,以及本身库提供就的按需加载的功能

相关文章

  • 打包构建

    1、babel中:组件库的按需加载 2、路由的webpackChunkName,路由的懒加载和拆包 3、loada...

  • 防反编译利器技术框架

    了解APK构建打包流程 构建构成中用到的工具 aapt/aapt2 android资源打包工具 aidl ...

  • 项目打包

    打包方式 构建 JAR 包 构建 WAR 包 指定 Main-Class

  • Android项目构建相关面试问题

    一、Android构建流程 android apk构建详细流程图 打包步骤 1. 通过aapt打包res资源文件,...

  • Docker 基础 ( 二十 一) SpringBoot 微服

    构建SpringBoot项目 打包运行 编写dockerfile 构建镜像[https://www.jianshu...

  • 实现vue-cli(二):webpack实现项目打包

    一、大概思路 (一)开发阶段的打包构建 配置打包的入口文件和输出目录等信息。 清空构建目录旧文件。处理js文件。 ...

  • Android构建过程分析

    Android构建过程分析浅析 Android 打包流程

  • Webpack 打包工具

    webpack 现代化前端最流行的一款 构建打包工具 前端构建打包工具的发展历史 grunt gulp fis w...

  • webpakc性能优化

    webpakc性能优化 开发环境性能优化1.优化打包构建速度2.优化代码调试 生产环境性能优化1.优化打包构建速度...

  • 全命令打包APK

    打包APK体验 进行一次安卓手动打包,全程命令行操作 APK构建流程 先看看Google给出的构建流程 典型 An...

网友评论

    本文标题:打包构建

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