使用Webpack创建库

Question

我想使用Webpack构建一个ES6库。

我使用webpack.config.json生成一个文件：

module.exports = {
  entry: 'src/Main.js',
  output: {
    path: __dirname + '/dist',
    filename: 'MyLib.min.js',
    libraryTarget: 'umd'
  }
};

我的Main.js：

import {Car} from './Car.js';
import {House} from './House.js';
import {Character} from './Character.js';

问题： 当我想在我的index.html中实例化某些内容（在包含＆＃34; MyLib.min.js＆＃34;）之后<script>内部，我发现了一个错误：

Uncaught ReferenceError: Character is not defined

我不明白我的配置有什么问题，我错过了什么吗？

Answer 1

看起来您期望Character在全球范围内。您只需添加Main.js即可在window.Character = Character内执行此操作。