zoukankan      html  css  js  c++  java
  • babel-plugin-import使用

    babel-plugin-import插件可以帮助用户进行第三方UI的按需加载,例如ant vue

    引入项目的过程如下:

    首先安装

    npm install babel-plugin-import --save-dev

    然后还需要安装less 和 lessloader

    npm install less-loader --save-dev
    npm install less --save-dev

    安装完成后找到vue cli创建的.babelrc文件中,增加以下内容变为如下格式:

    {
      "presets": [
        ["env", {
          "modules": false,
          "targets": {
            "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
          }
        }],
        "stage-2"
      ],
      "plugins": ["transform-vue-jsx", "transform-runtime",
        ["import",{"libraryName":"ant-design-vue","style":true}]
      ]
    }

    就是增加import的内容

    如果发现增加后报错不能编译,请手动将less和lessloader的版本降低,重新安装即可

  • 相关阅读:
    L1-021 重要的话说三遍
    L1-020 帅到没朋友
    pytest--钩子
    pytest--allure
    pytest--常用插件
    pytest--高级用法
    pytest--配置文件
    pytest--控制运行
    pytest--fixture
    pytest--使用前提
  • 原文地址:https://www.cnblogs.com/LeeSki/p/15470733.html
Copyright © 2011-2022 走看看