由webpack生成的Vendor.js不工作（Gulp手表调用webpack）/ Bootstrap

我正在一个网站上的Gulp和Webpack生成所有的js文件。

问题是，在index.html中导入的时候，由webpack生成的文件Vendor.js（捆绑来自node_modules文件夹的JQuery和Bootstrap ）不能正常工作，因此我必须包含jquery.js和bootstrap.js手动的文件，我不想。

当我打开生成的Vendor.js文件，它看起来像它有bootstrap.js和jquery.js，但它不工作:(

在这里你可以看到文件夹结构：

webpack.config.js

var path = require('path'); module.exports = { entry: { App: "./app/js/App.js", Vendor: "./app/js/Vendor.js" }, output: { path: path.resolve(__dirname, "./app/temp/scripts"), filename: "[name].js" }, module: { loaders: [ { loader: 'babel-loader', query: { presets: ['es2015'] }, test: /\.js$/, exclude: /node_modules/ } ] }, plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', Popper: ['popper.js', 'tether', 'default'], // In case you imported plugins individually, you must also require them here: Util: "exports-loader?Util!bootstrap/js/dist/util", Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown", }) ] } 

Vendor.js

 import 'jquery'; import 'bootstrap'; 

scripts.js （Gulp任务）

 var gulp = require('gulp'), webpack = require('webpack'); gulp.task('scripts', function (callback) { webpack(require('../../webpack.config'), function (err, stats) { if (err) { console.log(err.toString()); } console.log(stats.toString()); callback(); }); }); 

在这里，您可以在webpack捆绑de文件之后获得一个截图：

其余的自动化工作完美，但我一直在尝试大量的组合，以使Vendor.js文件的工作，我不知道还有什么要做。

你有什么想法或build议如何解决这个问题？ 如果您需要查看其他文件，我将与您分享。

谢谢你的帮助！ 拉法