webpack
文章平均质量分 76
前端李小白
这个作者很懒,什么都没留下…
展开
-
http常用缓存策略及vue-cli单页面应用、服务器端(nginx)如何设置缓存或者禁用
问题描述vue 项目打包上线之后,每一次都会有浏览器缓存问题,需要手动的清除缓存。这样用户体验非常不好,所以我们在打包部署的时候需要尽量避免浏览器的缓存。需要解决的问题1、程序每次升级后,用户都不会因为缓存问题而执行的仍然是老的程序。2、若程序没升级,用户对静态资源的请求则能用到缓存。关于http或者是浏览器缓存策略,可以分为这三种:不使用缓存强制使用缓存协商使用缓存不使用缓存有时,我们希望浏览器永远都不要使用缓存,全部到服务器拉取数据,此时即为不使用缓存,我们可以在服务原创 2021-08-04 16:42:49 · 1494 阅读 · 0 评论 -
关于webpack优化的几个插件介绍
以下都是我在vue项目中使用过关于webpack的几个插件1、hard-source-webpack-pluginHardSourceWebpackPlugin是webpack的插件,为模块提供中间缓存步骤。为了查看结果,您需要使用此插件运行webpack两次:第一次构建将花费正常的时间。第二次构建将显着加快(大概提升90%的构建速度)安装:npm install --save-dev hard-source-webpack-plugin配置:const HardSourceWebpackPlug原创 2021-07-29 17:08:24 · 1750 阅读 · 0 评论 -
在vue中自动生成文件以及自动引入component,router、vuex按模块划分
作为一个经常偷懒的程序员,用vue写代码的时候怎么可以一个一个.vue文件创建和一个一个引入componet呢,下面是提交你开发效率的方法。1.安装插件npm install chalk --save-dev2.在根目录下创建一个scripts文件代码如下:generateVue.js// index.jsconst chalk = require('chalk')const path = require('path')const fs = require('fs')const reso原创 2020-06-22 18:32:43 · 2863 阅读 · 1 评论 -
Vue CLI 首屏优化技巧
https://www.cnblogs.com/royal6/p/12988252.html要首屏优化,首先你要知道有哪些东西可以优化,你可以生成打包报告进行查看。在package.json中,npm run build命令中添加如下命令,生成一份报告根据这份报告,你就知道有哪些文件需要优化了。一般的优化我们可以在vue.config.js里面优化configureWebpack 和 chainWebpack在 vue.config.js 导出的配置对象中,新增 configureWebpa原创 2020-06-05 16:18:48 · 768 阅读 · 1 评论 -
vue 关于webpack配置的几个优化
由于vue-cli3将webpack的基础配置全部内嵌了,这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了,那该怎么办呢?别慌,vue-cli3早就考虑到了这一点,它预留了一个vue.config.js的js文件供我们对webpack进行自定义配置。vue.config.js官方配置指南在项目根目录下新建vue.config.js文件与package.j...原创 2020-03-18 11:25:56 · 981 阅读 · 5 评论 -
在Vue-cli3中 区分环境打包
在vue-cli3的项目中,npm run serve时会把process.env.NODE_ENV设置为‘development’;npm run build 时会把process.env.NODE_ENV设置为‘production’;此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种,比如测试环境...原创 2020-04-11 15:09:48 · 7154 阅读 · 3 评论