如何通过webpack导入引导程序？

Question

我正在使用webpack构建一个Typescript webapp。 某些模块可以通过像下面这样写入webpack.config.js文件来导入。 但我尝试了多少次，bootstrap模块将不会被导入到我的应用程序中。

我该怎么办？

这里是我的webpack.config.js的一部分

plugins: [ 
    new webpack.ResolverPlugin(
     new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin('.bower.json', ['main']) 
    ), 
    new webpack.ProvidePlugin({ 
     jQuery: 'jquery', 
     $: 'jquery', 
     jquery: 'jquery', 
     _: 'lodash', 
     Vue: 'vue' 
    }), 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.AggressiveMergingPlugin() 
], 
module: { 
    loaders: [ 
     { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
} 

Answer 1

我终于，幸运的是已经找到了答案。

的答案是使用BowerWebpackplugin代替webpack.ResolverPlugin.DirectoryDescriptionFilePlugin

plugins: [ 
    new BowerWebpackPlugin({ 
     modulesDirectories: ['bower_components'], 
     manifestFiles: ['bower.json', 'package.json'], 
     includes: [/.*\.js/], 
     excludes: [/.*\.less/], 
     searchResolveModulesDirectories: true 
    }), 
    new webpack.ProvidePlugin({ 
     jQuery: 'jquery', 
     $: 'jquery', 
     jquery: 'jquery', 
     _: 'lodash', 
     Vue: 'vue' 
    }), 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.AggressiveMergingPlugin() 
], 
module: { 
    loaders: [ 
     { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
}