Question

当使用SystemJS编写Angular2应用程序时，我可以执行

// map tells the System loader where to look for things
var map = {
  'app':                        'app', // 'dist',
  '@angular':                   'node_modules/@angular',
  'rxjs':                       'node_modules/rxjs'
};

当我打电话给import {} from时，

告诉角度在哪里找东西。在这种情况下，如果我现在想使用RxJS，我可以import { Observable } from 'rxjs/Rx'。

但是，如果我使用Webpack，那么相同的是什么？

Answer 1

Webpack会自动执行此操作。除非您使用代码拆分。
假设你有：
模块A：
import {fn} "moduleB"

模块B：
export default fn

Webpack将包含模块A（您的条目）的所有依赖项，因此您将能够使用fn。
现在，如果您使用代码拆分，则需要使用 require.ensure
e.g：

require.ensure(["module-a", "module-b"], function(require) {
    var a = require("module-a");
    // ...
});

如何使用Webpack引用NodeJS模块

1 个答案: