是否可以同时支持mint-ui和element-ui

rich1e commented 6 years ago

.babelrc

{
  "presets": [
    [
      "env",
      {
        "targets": {
          "browsers": [
            "> 1%",
            "last 2 versions",
            "not ie <= 8"
          ]
        },
        "modules": false,
        "useBuiltIns": true,
        "debug": false
      }
    ],
    "es2015",
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx",
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ],
    [
      "component",
      [
        {
          "libraryName": "mint-ui",
          "style": true
        }
      ]
    ]
  ]
}

tengmaoqing commented 6 years ago

我分析了下，示例是错误的。多个lib的时候，引用方式应该是这个形式: ["component", [{ "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }, { "libraryName": "mint-ui", "style": true }]],

yoyo837 commented 6 years ago

@tengmaoqing 也是有问题的 nuxt/nuxt.js#1603

xiaoxin-sky commented 6 years ago

@yoyo837 楼上这种方法是可行的！我测试后很是吃惊。完全没报错了！ "plugins": [ ["component", [{ "libraryName": "mint-ui", "style": true }, { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }] ]

emorlasar commented 6 years ago

@1912820899 你的babel-loader什么版本？.plugins[0][1] must be an object, false, or undefined 还是报错

tengmaoqing commented 6 years ago

@emorlasar "babel-loader": "^7.1.1", "babel-plugin-component": "^1.1.0", 和babel-loader 应该没关系。我是直接看的 babel-plugin-component 源码发现要那么写的

AiPacinoDebug commented 5 years ago

@1912820899 你的babel-loader什么版本？.plugins[0][1] must be an object, false, or undefined 还是报错

plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      },
      'element-ui'
    ],
    [
      'component',
      {
        libraryName: 'mint-ui',
        style: true
      },
      'mint-ui'
    ]
  ]