CSS3的@media用法

语法 @media [and | not | only] mediatype and | not | only (media feature) [and | not | only (media feature)] { css-code; } 你也可以针对不同的媒体使用不同 stylesheets : <link rel="stylesheet...

vue-meta-info插件用法

插件介绍 vue-meta-info是一个基于vue 2.0的插件,它会让你更好的管理你的app里面的meta信息。 你可以直接在组件内设置metaInfo便可以自动挂载到你的页面中。 如果你需要随着数据的变化,自动更新你的title、met...

vue-cli3配置预渲染插件prerender-spa-plugin

原创文章,转载请注明出处,谢谢! 什么情况下用预渲染 如果你调研服务器端渲染(SSR)只是用来改善少数营销页面(例如/, /about, /contact等)的SEO,那么你可能需要预渲染。无需使用web服务器实时动态编译HTM...

nginx开启gzip压缩

开启方式 修改nginx配置文件,在http或者server或者location(作用范围不同,具体加在哪里根据实际情况而定)中加入以下配置: gzip on; gzip_buffers 32 4K; gzip_comp_level 6; gzip_min_length 100; gzip_ty...

vue-cli3+nginx配置gzip压缩

原创文章,转载请注明出处,谢谢! 安装插件 npm i -D compression-webpack-plugin 修改vue.config.js const CompressionPlugin = require("compression-webpack-plugin") module.exports = { config...

vue项目打包部署到nginx

原创文章,转载请注明出处,谢谢! 打包 npm run build 如果打包后得文件过大,应该比较大的组件改成按需加载,比如只用到了echarts中的折线图,那么应该只加载折线图就够了。 上传到服务器 将打包后的di...

vue按需加载echarts

npm安装echarts npm install echarts -D 全局引入 main.js中配置 import echarts from 'echarts' //引入echarts Vue.prototype.$echarts = echarts //引入组件 缺点: 如果是完整的引入Echarts,会额外...