我现在正在使用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' }
]
}
关于javascript - 如何通过webpack导入 bootstrap ?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31530125/