论坛 › 网页开发 › quasar引入element以及按需加载

李恒道 发表于 2021-1-23 18:40:19

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)

```

查看完整版本: quasar引入element以及按需加载