umd-compat-loader

2018-10-11 admin

umd-compat-loader是什么

什么是umd-compat-loader,Webpack does not like UMD wrappers (this kind of wrapper is generated by TypeScript) of the following:

umd-compat-loader使用教程帮助文档

umd-compat-loader

Webpack does not like UMD wrappers (this kind of wrapper is generated by TypeScript) of the following:

(function (factory) {
    if (typeof module === 'object' && typeof module.exports === 'object') {
        var v = factory(require, exports); if (v !== undefined) module.exports = v;
    }
    else if (typeof define === 'function' && define.amd) {
        define(["require", "exports"], factory);
    }
})(function (require, exports) {
});

It fails to follow the require down the commonjs path so dependencies are not resolved. It’s not possible to switch Webpack to use the AMD path with the imports loader as the module variable is provided by Webpack.

This loader simply removes the UMD wrapper - effectively unwrapping it back to commonjs, the source maps should be remapped accordingly.

If you want to unwrap the UMD wrapper to AMD, provide a query of amd to the loader. For example: umd-compat-loader?amd=true;

Experimental TS UMD down-emitted imports() support

Experimental support for transforming down emitted imports() from TS 2.4, allows transforming lazy require statements to other values.

An example of automatically bundling modules as separate chunks:

loader: 'umd-compat-loader',
options: {
	imports(module, context) {
		const result = path.relative(basePath, path.join(context, module));
		return `promise-loader?global,${result}!${module}`;
	}
}

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-42414.html

文章标题:umd-compat-loader

回到顶部