如何强制webpack用浏览器的方式加载库？

Question

我正在尝试将使用bower和usemin的遗留项目迁移到webpack 4。对于第一步，我只想创建所有JavaScript代码的捆绑包。为此，我创建了index.js，将所有脚本放在此表单中

window.moment = require('./bower_components/moment/moment.js');
require('imports-loader?define=>false,this=>window!' +
    './bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.js');

我对遗留的库使用导入和导出加载器。我的问题是一些试图加载/导入依赖项的库如下所示

(function (root, factory) {
    "use strict";

    /*global define*/
    if (typeof define === 'function' && define.amd) {
        define(['moment'], factory);                 // AMD
    } else if (typeof exports === 'object') {
        module.exports = factory(require('moment')); // Node
    } else {
        factory(root.moment);                        // Browser
    }
}(this, function (moment) {
...
}

当webpack试图加载这样的库时，第二个if子句使true和webpack尝试使用require()语句加载依赖项。

使用imports-loader?define=>false我可以强制库不尝试AMD方法。但是我不知道如何跳过使用require()的方法。我试着使用imports-loader?define=>false,exports=>false，但它不起作用。

可以禁用Node方法吗？例如，将exports设置为false。

我也尝试过在webpack的配置中使用resolve.alias: {'libname', 'path/to/lib'}选项。但在某些情况下，这种方式会导致当webpack尝试导入依赖项两次或更多次时，它会破坏代码。

Answer 1

您必须将exports设置为false：

require('imports-loader?define=>false,exports=>false,this=>window!' +
    './bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.js');

这应该会使typeof exports === 'object'条件为假。