上一主题 下一主题
返回列表 发新帖

quasar引入element以及按需加载

[复制链接]

64

主题

379

帖子

647

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
647
发表于 2021-1-23 18:40:19 | 显示全部楼层 | 阅读模式

首先输入安装代码

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)
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表