webpack 2，angular 2 - 使用带有变量构建的路径的“require”

Question

我的问题是： 每当我在angular - ＆gt;

中使用以下语法时

let myCmp = 'test1';

let cmp = require('./components/'+myCmp+'/bootstrapCmp.component.ts');

我在最终捆绑包中的components文件夹中获取了所有组件，而不仅仅是'test1';

（我正在使用AngularClass团队的angular 2 WebPack入门包 - https://github.com/AngularClass/angular-starter

这个问题也有人吗？

我正在加载的组件/所有其他组件都是基本的角度2组件。

事先感谢，我为此付出太多努力^^

Answer 1

希望我找到的解决方案可以帮助其他开发人员：

在webpack.common.js文件中我已将新文件添加到我的入口对象中，我称之为：boot.js。

所以结构是这样的：

entry: {
  main:['./src/polyfills.browser.ts','./src/assets/boot.ts','./src/main.browser.ts']
}

boot.ts文件，包含一个包含我将使用的所有相关组件的对象（引用）。

当bunlder（wepback）正在运行时，每当我需要一些组件时，我要在boot.ts文件中创建这个对象，最终的bundle文件现在只包含我想要的组件。