webpack - 无法使用 Webpack 4 和 Babel 7 导出默认值

Question

这里有一些功能，我曾经在 Babel 6 上使用过，但我在 Babel 7 上遇到了问题。我正在尝试将一个(默认)类导出为一个库。目前，我在尝试导入时遇到以下错误。

Uncaught SyntaxError: The requested module './dist/datastore.js' does not provide an export named 'default'

我的配置与我以前的配置几乎相同，只是用 Babel 7 进行了更新。

来自 Webpack 的位:

output: {
  path: `${__dirname}/dist`,
  filename: `${moduleName}.js`,
  library: 'datastore',
  libraryExport: 'default',
  libraryTarget: 'umd',
  umdNamedDefine: true
},

来 self 的入口点的位:

import DataStore from './datastore';

export default DataStore;

来自 .babelrc 的位:

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "node": "current"
      },
      "modules": false
    }]
  ],
  "plugins": [
    "@babel/plugin-transform-async-to-generator",
    "@babel/plugin-transform-destructuring",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread"
  ]
}

有人有什么想法吗？

Answer 1

如果你使用的是 babel 7，你需要加载这个包:

npm i --save-dev babel-plugin-add-module-exports

然后在你的 babel 配置中添加这个插件“add-module-exports”:

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false,
        targets: {
          browsers: ['last 2 versions', 'safari >= 7']
        }
      }
    ]
  ],
  plugins: ['add-module-exports']
};