![](/img/trans.png)
[英]How do I access the default export of a module imported via a Webpack dynamic import promise?
[英]How do I import bootstrap via webpack?
我現在正在使用webpack構建一個Typescript Webapp。 可以通過將其寫入webpack.config.js文件中來導入某些模塊,如下所示。 但是我嘗試了多少次,引導程序模塊不會導入到我的應用程序中。
我應該怎么做 ?
這是我的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' }
]
}
我終於幸運地找到了答案。
答案是使用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' }
]
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.