在 Webpack (Angular 2 Typescript) 中包含一个具有依赖项的模块作为入口点

Question

我已经在我的项目中配置了 Webpack，并且在入口点字段中，我添加了 polyfill、供应商和应用程序文件。但我有另一个文件“myComponent.js”，其中包含依赖项。

webpack.common.js

entry: 
    {
        'polyfills': './polyfills.ts',
        'vendor': './vendor.ts',
        'app': './src/main.ts',
        'components': './myComponent'
    },
resolve: 
    {
        extensions: ['', '.js', '.ts', '.d.ts']
    }

这里是有依赖的组件文件--

myComponent.js

exports.EventDispatcher = require('./lib/EventDispatcher').EventDispatcher;

现在当我从我的主要组件中导入它时--

app.component.ts

import {EventDispatcher} from 'components';

现在当我运行这个 npm run build 时，它给了我以下错误

找不到模块：错误：不允许对入口点的依赖。

任何建议我哪里出错了。

Answer 1

你不能要求入口点，在本例中为 components，作为 webpack 中的依赖项。您可以通过将组件指定为数组like so 来解决此问题：

entry: 
    {
        'polyfills': './polyfills.ts',
        'vendor': './vendor.ts',
        'app': './src/main.ts',
        'components': ['./myComponent']
    }