ES6的模块加载器也可以加载资产(html / css / ...)

退格键

ES6的模块基于灵活的加载程序体系结构(尽管标准不是最终的,所以...)。

这是否意味着ES6的基于system.js的加载器可以加载所有资产?即CSS,HTML,图像,文本,..任何类型的文件?

我问是因为我开始使用具有自己的HTML导入的WebComponents&Polymer,并通过具有自己的导入/加载器(system.js)的ES6来实现它们。

击中

如果您使用SystemJS,则可以使用插件来加载资产

// 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JS加载应该加载HTML资产(CSS和JS)的外部HTML

来自分类Dev

HTML无法加载CSS

来自分类Dev

ES6模块加载器不会加载使用TypeScript编写的Angular Controller

来自分类Dev

无法使用Rails 6在生产中加载资产资源(css + js)

来自分类Dev

如何在加载事件的 html 页面中加载 es6 模块

来自分类Dev

加载器上的CSS动画

来自分类Dev

Webpack多个CSS加载器

来自分类Dev

使用来自非资产文件夹的自定义 CSS 在 WebView 中加载 HTML

来自分类Dev

使用Webpack从节点模块加载CSS文件

来自分类Dev

node.js可以很好地加载html,但是不会加载相关的CSS

来自分类Dev

Heroku CSS在资产后未加载:预编译

来自分类Dev

如何在finatra中加载资产,例如.css,.js文件?

来自分类Dev

在页面加载时跟踪JS CSS资产错误

来自分类Dev

在Webpack中将文件加载器与es6模块和打字稿一起使用

来自分类Dev

ES6模块加载器是否是标准的一部分?

来自分类Dev

ES6模块加载器是否是标准的一部分?

来自分类Dev

捆绑CSS可以工作,但字体无法加载

来自分类Dev

延迟模块加载在ES6中如何工作

来自分类Dev

无法使用Webpack加载ES6模块

来自分类Dev

使用自定义HTML和预定义的基本URL将CSS文件从资产加载到WebView

来自分类Dev

Webpack CSS加载器无法构建

来自分类Dev

修复CSS加载器中的动画循环

来自分类Dev

Webpack样式!css!sass加载器

来自分类Dev

Webpack中CSS / SASS的加载器

来自分类Dev

以 Angular 自定义 css 加载器

来自分类Dev

Vue 条件 * css 样式加载器

来自分类Dev

加载HTML内容后应用的CSS规则

来自分类Dev

HTML 5 Autofocus搞乱了CSS加载

来自分类Dev

无法在基本HTML中加载CSS文件

Related 相关文章

热门标签

归档