上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

quasar引入element以及按需加载

[复制链接]
  • TA的每日心情

    2022-6-4 20:51
  • 签到天数: 32 天

    [LV.5]常住居民I

    323

    主题

    2852

    帖子

    2858

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    2858

    猫咪币纪念章

    发表于 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)
    
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。

    发表回复

    本版积分规则

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