如何使用requirejs加载html

最新推荐文章于 2023-03-01 11:06:00 发布

转载最新推荐文章于 2023-03-01 11:06:00 发布 · 3.8k 阅读

requirejs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过text.js加载各种类型的资源文件，如文本、CSS样式表和HTML模板，并展示了如何将这些资源应用到实际页面中。

安装text.js

npm install requirejs-text1
1

text.js使用

require.config({
        paths: {
            text : "../requirejs-text/text"
        }
});1
2
3
4
5
1
2
3
4
5

使用text.js加载资源

require([‘text!../text/a.txt’,’text!../css/a.css’,’text!../templates/a.html’], function (aTxt,aCss,aHtml){
　console.log(aTxt);
console.log(aCss);
console.log(aHtml);
document.getElementsByTagName(“style”)[0].innerHTML = aCss;
document.getElementsByTagName(“body”)[0].innerHTML = aHtml;

});
text.js 使用text!+资源路径来加载资源

上例使用text.js异步加载了a.txt a.css a.html，使用的是相对路径加载，当然还可以使用绝对路径加载及在配置中的path定义一个目录。

加载完成后分别在控制台输出及插入到网页里。
这里写图片描述