我需要使用jQuery和Bootstrap,但是我不会使用这些库代码的大部分。我想将脚本jquery.js
和bootstrap.bundle.js
放入项目文件夹,从脚本中删除未使用的代码,然后通过Webpack进行构建和缩小。我尝试:
import "jquery.js";
import "bootstrap.bundle.js"
但是webpack给出错误Can't resolve 'jquery'
。
我尝试使用ProvidePlugin,但没有帮助:
plugins: [
new webpack.ProvidePlugin({
jquery: "./jquery.js",
})
],
我还尝试添加外部对象"jquery": "window.jQuery"
,它提供了构建捆绑包的功能,但是我遇到了JS错误Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript
。结果束库的顺序为bootstrap, jquery
(顺序不正确)。
我也尝试过Raw-loader,但这也没有帮助
答案 0 :(得分:0)
我删除了ProvidePlugin用法,将jquery和bootstrap放到lib
文件夹中,并设置了resolve
选项:
resolve: {
modules: [
"lib"
]
},