quasar引入element以及按需加载

李恒道

首先输入安装代码

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)