zoukankan      html  css  js  c++  java
  • Vue ElementUI 按需引入

     一.element UI组件的单独使用(第一种方法):


        1、cnpm install babel-plugin-component -D    
        2、找到.babelrc 配置文件
            把
            {
              "presets": [
                ["env", { "modules": false }],
                "stage-3"
              ]
            }

            改为  注意:    
            {
              "presets": [["env", { "modules": false }]],
              "plugins": [
                [
                  "component",
                  {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
                  }
                ]
              ]
            }

        3、
        import { Button, Select } from 'element-ui';
        Vue.use(Button)
        Vue.use(Select)


    二.element UI组件的单独使用(第二种方法):



        import { Button, Select } from 'element-ui';

        Vue.use(Button)
        Vue.use(Select)
        

        引入对应的css

            import 'element-ui/lib/theme-chalk/index.css';

        如果报错: webpack.config.js  配置file_loader

              {
                test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
                loader: 'file-loader'
                  }


  • 相关阅读:
    cef 依赖的文件 libcef
    ubuntu 添加新分区,并挂载/home
    x509 证书链验证
    chromium调试
    Chromium智能指针使用指南
    具有扩展主密钥时SSL/TLS的主密钥计算
    OpenSSL解惑2:如何强制选择协议的版本
    基于Gmssl的SM2加解密算法Demo
    漫谈TLS nonce
    VS2015动态库静态加载时指定动态库位置的方法
  • 原文地址:https://www.cnblogs.com/changedman/p/9227345.html
Copyright © 2011-2022 走看看