quasar引入element以及按需加载

转载自油猴中文网：bbs.tampermonkey.net.cn
李恒道QQ4548212
油猴中文网bbs.tampermonkey.net.cn
TamperMonkey GreaseMonkey 油猴脚本 脚本交流 脚本分享
油猴脚本开发 油猴基础开发 油猴 油猴中文
公众号:叛逆青年旅舍
https://bbs.tampermonkey.net.cn/
首先输入安装代码

npm i element-ui -S

接下来创建一个启动文件，输入

quasar new boot element

接下来在boot里的element.js输入

import ElementUI from ‘element-ui’;
import Vue from ‘vue’;
import ‘element-ui/lib/theme-chalk/index.css’;

Vue.use(ElementUI);

在quasar.conf.js的boot里输入’boot’

以上为老生从谈，接下来我们试试按需加载

首先输入命令

npm install babel-plugin-component -D

然后babel.config.js输入以下代码

plugins: [
[
“component”,
{
“libraryName”: “element-ui”,
“styleLibraryName”: “theme-chalk”
}
]
]

接下来在element按需加载

import Vue from ‘vue’;
import { Button, Select } from ‘element-ui’;

Vue.use(Button)