关于 javascript:How to move a library to vendor bundle in webpack 2.0

How to move a library to vendor bundle in webpack 2.0

在我获得的一个项目中,我有一个在整个网站上共享的 main.js 文件,这就是他们在其中包含外部依赖项 bootstrap.js 的原因。

main.js

1
2
3
4
5
6
7
8
9
window.jQuery = window.$ = require('jquery');

$(document).ready(function () {
    require('./components/menu')();
    //other components
});

require('./thirdparty/bootstrap');
require('./components/spinner');

./thirdparty/bootstrap

1
2
3
4
5
6
7
8
9
10
// import '../../../../../../../node_modules/bootstrap/js/src/alert';
// import '../../../../../../../node_modules/bootstrap/js/src/button';
import '../../../../../../../node_modules/bootstrap/js/src/carousel';
import '../../../../../../../node_modules/bootstrap/js/src/collapse';
// import '../../../../../../../node_modules/bootstrap/js/src/dropdown';
import '../../../../../../../node_modules/bootstrap/js/src/modal';
// import '../../../../../../../node_modules/bootstrap/js/src/popover';
import '../../../../../../../node_modules/bootstrap/js/src/scrollspy';
import '../../../../../../../node_modules/bootstrap/js/src/tab';
// import '../../../../../../../node_modules/bootstrap/js/src/tooltip';

我正在尝试用这个项目设置 webpack


我通过在我的 vendor中指定我想要的确切依赖项来解决它。

1
2
3
4
['jquery', './node_modules/bootstrap/js/src/carousel.js',
'./node_modules/bootstrap/js/src/collapse.js', './node_modules/bootstrap/js/src/modal.js',
'./node_modules/bootstrap/js/src/scrollspy.js', './node_modules/bootstrap/js/src/tab.js'
];

在指定确切的引导 js 后,我需要解决我的重复问题。