ES6的模块基于灵活的加载程序体系结构(尽管标准不是最终的,所以...)。
这是否意味着ES6的基于system.js的加载器可以加载所有资产?即CSS,HTML,图像,文本,..任何类型的文件?
我问是因为我开始使用具有自己的HTML导入的WebComponents&Polymer,并通过具有自己的导入/加载器(system.js)的ES6来实现它们。
// Will generate a <link> element for my/file.css
System.import('my/file.css!')
.then(() => console.log('CSS file loaded'));
或者,您可以使用一条import
语句。这将确保在脚本执行之前已加载CSS文件:
import 'my/file.css!';
import cssContent from 'my/file.css!text';
console.log('CSS file contents: ', cssContent);
另一个选择是将css作为依赖项添加到JSPM配置文件中。基本上将依赖项添加到特定的package .json文件中,然后运行“ jspm install”,这会将替代项添加到package.js和jspm.config.js中
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句