javascript - 如何导入webpack中非模块的库

Question

如何在webpack中导入非module的第三方库(ES、CJS、AMD等)？

例如外部库只是一个对象:

var libObj = {
  a: "a",
  getAddress: function() {
    return null;
  }
}

但是如何将其导入到根 JS 文件中呢？例如在 main.js 中:

import ...what... from ...where...

Answer 1

您应该使用exports-loader:

module.exports = {
    module: {
        rules: [
            /* ... */
            {
                test: require.resolve('ye-olde-lib.js'),
                use: 'exports-loader?libObj'
            },
            /* ... */
        ]
    }
};

官方文档对此进行了介绍:https://webpack.js.org/guides/shimming/#global-exports