qq_40665861的博客

在前面的一篇文章里提到了，现有项目的升级，但升级结束并不意味这整个任务的结束。还有针对项目打包速度的提升，当一个vue的项目页面在200以上的时候，这个打包速度就会大幅度的降低。那么针对webpack的打包优化就是一件不得不做的事情了，webpack打包优化分为两部分，一部分是大小优化，另一部分是速度优化。 大小优化 1.Externals webpack 提供Externals的方法，可以通过外部引用的方法，引入第三方库： index.html <script src="https://code.

目录写在前面的话安装 webpack-cli ，升级webpack重新安装node包升级webpack-dev-server至3.X升级html-webpack-plugin升级vue-loader增加VueLoaderPlugin插件代码安装babel-plugin插件转换es6代码。同时安装webpack webpack-dev-server webpack-cli 写在前面的话 由于公司项目是19年创建的，因此还是基于vue/cli2搭建的，webpack版本也是3.6.0。（当时有vue/cli3和

前言 在开发小程序项目的过程中，由于功能的不断增加导致了代码包体积的越来越大。相对其体积进行一下压缩处理，看了几篇给小程序瘦身的博客，决定给自己的项目做一套配置文件，使用gulp来支持小程序文件的编译以及上传之前压缩文件的空行之类的。 通过gulp实现代码处理，要进行一些必须文件的配置，放在小程序根目录下，然后将小程序的所有文件移至src下。 gulpfile.js – 使用了插件功能，支持gulp开头的插件 const gulp = require('gulp') const SRC_DIR = '

创建基本的webpack4.x项目 运行npm init -y 快速初始化项目 在项目根目录创建src源代码目录和dist产品目录 在 src 目录下创建 index.html 使用 cnpm 安装 webpack ，运行cnpm i webpack webpack-cli -D 如何安装 cnpm: 全局运行 npm i cnpm -g 注意：webpack 4.x 提供了 约定大于配置...

1.关于gulp gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 2.安装 Node 和 gulp gulp 是基于 node 实现的，那么我们就需要先安装 node。 ...