12 2022 档案

Nuxt 性能优化
摘要：1、ui组件按需引入 （详见nuxt->vant按需引入） 2、请求分开服务端渲染及客户端渲染，并尽可能的减少请求 服务端渲染：需要 SEO 处理的，在 asyncData 内请求接口 客户端：不需要SEO处理的，在 mounted 内请求接口 3、no-ssr排除在服务端渲染的节点 页面内某部分不 阅读全文
posted @ 2022-12-30 14:47 忙着可爱呀~ 阅读(544) 评论(0) 推荐(0)
Nuxt 按需引入vant
摘要：1、下载按需引入插件 npm i vant -S npm i babel-plugin-import -D 2、配置 >>>plugins->vant.js import Vue from 'vue' import { Button, } from 'vant' Vue.use(Button) >> 阅读全文
posted @ 2022-12-30 13:30 忙着可爱呀~ 阅读(341) 评论(0) 推荐(0)
Nuxt es6使用
摘要：1、安装 cnpm i babel-core babel-preset-es2015 babel-cli 2、根目录下新建 .babelrc 文件 { "presets":["es2015"] } 3、修改 package.json dev & build : 在后面添加 --exec babel- 阅读全文
posted @ 2022-12-29 17:04 忙着可爱呀~ 阅读(22) 评论(0) 推荐(0)
Nuxt rem使用
摘要：1、安装 npm i lib-flexible -S npm install postcss-px2rem save 2、配置 >>>plugins->lib-flexible.js import 'lib-flexible' >>>nuxt.config.js plugins -> plugins 阅读全文
posted @ 2022-12-29 16:44 忙着可爱呀~ 阅读(56) 评论(0) 推荐(0)
Nuxt VW使用
摘要：1、安装 postcss-px-to-viewport 2、配置 >>>nuxt.config.js build: { vendor: ['vant'], postcss: { plugins: { // "postcss-px-to-viewport": { // unitToConvert: " 阅读全文
posted @ 2022-12-29 15:40 忙着可爱呀~ 阅读(94) 评论(0) 推荐(0)
Nuxt Sass使用
摘要：1、安装 npm install --save-dev node-sass sass-loader@10 @nuxtjs/style-resources // 注：sass尽量指定版本，最新版本不兼容易出错 2、配置 >>>nuxt.config.js css: [ '~assets/style/m 阅读全文
posted @ 2022-12-29 11:01 忙着可爱呀~ 阅读(102) 评论(0) 推荐(0)