This page (revision-5) was last changed on 05-Mar-2020 17:51 by Dieter Käppel

This page was created on 05-Mar-2020 17:11 by Dieter Käppel

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note
5 05-Mar-2020 17:51 4 KB Dieter Käppel to previous
4 05-Mar-2020 17:51 3 KB Dieter Käppel to previous | to last
3 05-Mar-2020 17:27 3 KB Dieter Käppel to previous | to last
2 05-Mar-2020 17:25 2 KB Dieter Käppel to previous | to last
1 05-Mar-2020 17:11 1 KB Dieter Käppel to last

Page References

Incoming links Outgoing links

Version management

Difference between version and

At line 40 changed 5 lines
requirejs.config({
paths: {
css: "js/require-css"
}
});
css: "js/require-css"
At line 47 changed one line
Die require-css.js kann wie folgt aussehen:
Die require.css kann wie folgt aussehen:
At line 74 removed 17 lines
!!Base URL
Möchte man den config.baseUrl berücksichtigen, wäre die theoretisch richtige Antwort:
{{{
function(name, req, onload, config) {
var url = req.toUrl(name + ".css");
}
}}}
Wie auch in verschiedenen Foren zu finden ist, legt [RequireJS] unterschiedliches Verhalten an den Tag. Vor allem im Browser entstehen dadurch offenbar falsche URLs. In eigenen Loadern lässt sich das beheben durch:
{{{
function(name, req, onload, config) {
var url = req.toUrl(config.baseUrl + name + ".css");
};
}}}
At line 113 removed 25 lines
!!!JQuery
Obwohl [JQuery] mit Unterstützung für [RequireJS] kommt, installiert es die globalen Variablen $ und jQuery. Die Begründung liegt wohl in der Kompatibilität mit anderen JQuery-Modulen. Der Work-around liegt darin, [JQuery] zunächst unter anderem Namen zu laden und dann unter "jquery" zu definieren und dann mit jQuery.noConflict(true) umzudefinieren:
{{{
requirejs.config({
paths: {
"jquery-internal": "vue/js/jquery-3.4.1.min",
jquery: "vue/js/jquery-noconflict"
}
});
}}}
Mit jquery-noconflict.js:
{{{
define(["jquery-internal"], function() {
return jQuery.noConflict(true);
});
}}}
__Hinweis:__ Im Browser ist es leider nicht möglich, auf Ressourcen zuzugreifen, die nicht in "paths" definiert wurden. Ansonsten wird die absolute URL falsch zusammengesetzt.
!!!Links
* [RequireJS API|https://requirejs.org/docs/api.html]