如何引用一个模块的NodeJS W /的WebPack

问题描述:

当使用SystemJS用于写入Angular2应用程序,我可以做一个如何引用一个模块的NodeJS W /的WebPack

// 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,那么等价于什么?

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"); 
    // ... 
});