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'
                  }


  • 相关阅读:
    $NOIP2018$赛道修建
    $NOIP2005$过河
    $NOIP2014$飞扬的小鸟
    $[SCOI2014]$方伯伯的玉米田
    大吉大利,晚上吃鸡!
    $HNOI2005$星际贸易
    $CF1142B$ $Lynyrd Skynyrd$
    $SDOI2015$排序
    $NOIP2003$侦探推理
    Build 2016概览
  • 原文地址:https://www.cnblogs.com/changedman/p/9227345.html
Copyright © 2011-2022 走看看