如何引用一个模块的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");
// ...
});