2

据我了解，以下两行是等效的：

const Up = require('write-up').default

和...

import Up from 'write-up'

这两个示例都应使write-up模块的默认导出为Up.

不幸的是，使用 Babel 和 Webpack，这不是我看到的行为。

第一个例子工作得很好。它产生这一行：

var Up = __webpack_require__(5).default;

Up设置为write-up模块的默认导出，这是我期望的行为。

第二个例子不起作用。它产生这个：

var _writeUp = __webpack_require__(5);

var _writeUp2 = _interopRequireDefault(_writeUp);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

不是设置Up为默认导出，Up而是设置为包含模块的每个导出write-up（包括default字段）的对象。

我究竟做错了什么？

这是我的 Webpack 配置中的相关部分：

{
  test: /.js$/,
  loader: 'babel-loader',
  exclude: /node_modules/,
  query: {
    presets: ['es2015']
  }
}
4

1 回答 1

1

Babel 编译import语句具有双重行为。如果导入的模块是export用 Babel 从 ES6 语句编译的，那么

import foo from 'foo';

会表现得（大部分）像

const foo = require('foo').default;

但是如果foo不是用 Babel 编译的，或者试图兼容 Babel 的东西，那么就 Babel 而言，它没有特殊行为，是一个普通的 CommonJS 模块。在那种情况下，这似乎是你的情况，它的行为就像

const foo = require('foo');

Babel 这样做是为了让你可以导入普通的 CommonJS 模块，比如

import fs from 'fs';

wherefs是一个标准的 Node 模块并且没有.default属性。

于 2016-09-03T19:38:42.973 回答