优化
红孩儿2011
这个作者很懒,什么都没留下…
展开
-
webpack splitChunks
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');const isProductionPhase = process.env.NODE_ENV === "production";module.exports = { configureWebpack: config => { if (process.env.NODE_ENV === "production") { // 为生产环境修改原创 2020-09-18 18:31:42 · 202 阅读 · 0 评论 -
webpack学习笔记——优化部分(optimization.splitChunks)
optimization.splitChunkscacheGroups个人感觉splitChunks中除了cacheGroup之外的配置是用来作代码分割的,而cacheGroup是作为模块合并的配置项。cacheGroup内配置优先级高于外面配置,可以理解为先进行分割再进行合并,分割的代码放到哪个缓存组的块中,由优先级决定。可进行如下配置:splitChunks:{ cacheGroups: { common:{ chunks: 'initial',原创 2020-09-18 17:52:49 · 3674 阅读 · 0 评论 -
vue图片懒加载
npm引入:npm i vue-lazyload -SCDN引入:[https://unpkg.com/vue-lazyload/vue-lazyload.js](https://unpkg.com/vue-lazyload/vue-lazyload.js)import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with原创 2020-09-15 16:14:56 · 74 阅读 · 0 评论 -
【前端优化】加载时间久
一、减少请求次数,看同一个页面有没有重复调用的接口二、图片压缩,或者做成网图也可以减小包的体积三、插件按需引入四、CDN加速将打包后的资源放到CDN,index页面引用CDN的资源main.js 设置 webpack_public_path = window.staticResourceURLPrefix || “/”;window.staticResourceURLPrefix在index页面上赋值...原创 2020-09-15 14:57:10 · 665 阅读 · 0 评论 -
【前端优化】前端项目打包后生成的文件过大优化
方法1:使用插件:compression-webpack-plugin// 1安装npm install --save-dev compression-webpack-pluginconst path = require('path');const webpack = require('webpack')const CompressionWebpackPlugin = require('compression-webpack-plugin')const productionGzipExten原创 2020-09-15 14:10:24 · 2325 阅读 · 0 评论