使用Webpack加载显示模块模式模块并将它们用作全局模块和es6模块

Question

我正计划使用通过使用揭示模块模式设计设计的全局模块将大型浏览器应用程序迁移到使用webpack和babel的es6模块，并希望以增量方式进行。

让我们假设一个像这样的全局脚本模块：

var myModule = (function(window, undefined) {
  function myMethod() {
    console.log('myMethod');
  }
  return {
    myMethod: myMethod
  };
})(window);

原始代码库将通过使用脚本标签加载模块来加载模块，然后将其用作全局变量：

myModule.myMethod();

新代码应使用如下模块：

import myModule from './myModule.js';

我不是在一次更改所有现有模块，而是在寻找一种方法来最初保留模块格式，但将其用作全局脚本模块和es6模块。

Answer 1

哇，在webpack中超级简单。 可能是我，但花了一些时间才了解Webpack文档。

这是这样做的：

安装出口装载机

npm install exports-loader --save

使用出口装载机

import myModule from 'exports?myModule!./myModule.js';

在查询myModule于myModule之间（恰在!之前）实际上是我们在var myModule = (function(window, undefined) {