Question

如何导入非模块（ES，CJS，AMD等）的webpack第三方库？

例如，外部库只是一个对象：

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

但是如何在root JS文件中导入呢？例如，在main.js中：

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

Answer 1

在你的图书馆中写export default libObj（ES6）。在您的JS文件import <yourFavoriteVarName> from '<pathToLib>';

中

Answer 2

您需要先导出// your libObj.js file var libObj = { a: "a", getAddress: function() { return null; } } export default libObj; // your webpack file import libObj from './libObj.js' //.. do things文件：

＆＃13;

{{1}}

＆＃13;

Answer 3

您应该使用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

如何在webpack中导入非模块的库

3 个答案: