Npm peerDependency部分導入

Question

我通過npm創建和安裝的自定義軟件包具有對等依賴性-element-ui

這個包從ui元素導入組件：

import {Pagination} from 'element-ui';'

但是，不是僅導入分頁組件，而是將整個element-ui lib導入到生成的js文件中。

對於建築資產，我使用Laravel mix。

這是webpack.mix.js的片段

babel: {
    "presets": [
        ["es2015", {"modules": false, "targets": {
                "browsers": ["> 5%", "ie >= 9"]
            }}]
    ],
    "plugins": [["component", [
        {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-default"
        }
    ]]]
}

當我在項目內部而不是從自定義程序包中使用同一行代碼進行導入時，此行為是正確的。 僅分頁被導入。

謝謝！

Answer 1

通過預構建我的自定義軟件包來解決，在webpack.config.js中使用相同的行

    "plugins": [["component", [
    { 
         "libraryName": "element-ui",
          "styleLibraryName": "theme-default"
        }
    ]]]

Answer 2

我已經按照elemen-ui按需文檔（按需導入Element-ElementUI Vuejs）的文檔進行了此操作 ，只是做了很小的改動，以使其在laravel中可以正常工作。

npm install babel-plugin-component -D

那么babel預設是2015

npm install --save-dev babel-preset-es2015

最后，您在與Webpack.mix.js相同級別的項目根目錄中創建一個.babelrc文件，並添加以下內容：

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component", 
      [
        {
          "libraryName": "element-ui",
          "styleLibraryName": "theme-default"
        }
      ]
    ]
    ]
}