2016-11-12 6 views
2

Что значит "!" в require.js, когда я включил модуль? Что такое синтаксис? Я, в том числе динамический стиль в моем проекте, и я нашел https://github.com/martinsb/require-css плагин Все хорошо.что значит "!" in require.js

require(['css!css/sample.css'], function() { 
         alert('Stylesheet has been loaded'); 
        }); 

Почему [ 'CSS! CSS/sample.css'] включают css.js и CSS/sample.css?

Edit:

Я знаю, что альтернатива:

define(["controller", "RequireCSS","marionette"], 
function (Controller, css, Marionette) { 

     css.load("default.css"); 

RequireCSS.js

define(function() { 
    return { 
     load: function (url) { 
      var link = document.createElement("link"); 
      link.type = "text/css"; 
      link.rel = "stylesheet"; 
      link.href = url; 
      document.getElementsByTagName("head")[0].appendChild(link); 
     } 
    } 

}); 

ответ

2

По умолчанию requirejs поддерживает загрузку и загрузку только файлов JavaScript. Любой другой файл, который необходимо загрузить и проанализировать, осуществляется с помощью плагинов. Эти плагины являются отдельными файлами javascript, которые умеют загружать и анализировать уважаемый файл.

Чтобы сообщить requirejs, что любой конкретный файл должен обрабатываться отдельным плагином, а не загрузчиком по умолчанию. Это плагин добавляется с ! между именем плагина и файловым путем.

4

! означает, что CSS плагин будет использоваться для анализа sample.css.

Синтаксис: <plugin-name>!<file-path>.

Файл css.js содержит код плагина css.

css/sample.css является файлом, который должен быть загружен с использованием этого плагина.

См https://github.com/millermedeiros/requirejs-plugins