如何在不使用节点模块的情况下使用Webpack构建JQuery和Bootstrap?

时间:2020-02-27 08:08:39

标签: webpack

我需要使用jQuery和Bootstrap,但是我不会使用这些库代码的大部分。我想将脚本jquery.jsbootstrap.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,但这也没有帮助

1 个答案:

答案 0 :(得分:0)

我删除了ProvidePlugin用法,将jquery和bootstrap放到lib文件夹中,并设置了resolve选项:

resolve: {
        modules: [
            "lib"
        ]
},