CSS @import оператор - PullRequest
Новая
       6

CSS @import оператор

3 голосов
/ 03 марта 2012

В настоящее время я использую сгенерированную Initializr улучшенную версию Bootstrap для HTML5 Boilerplate, которая также включает в себя среду LESS.

Теперь style.less включается следующей строкой: 

<link rel="stylesheet/less" href="${resource(dir: 'less', file: 'style.less') }">

Это работает, но строка @import('bootstrap/bootstrap.less') не работает, потому что не может найти файл bootstrap.less в /static/less/bootstrap/bootstrap.less. Тем не менее, файл доступен без части static.

Есть ли что-то, что мне нужно сказать Grails, чтобы поместить файлы, на которые нет ссылок, непосредственно в страницу GSP (какого они типа), в правильный каталог, то есть static?

Я обнаружил проблему, связанную с этой проблемой: http://jira.grails.org/browse/GPRESOURCES-135 - это говорит мне о том, что это было исправлено в версии 1.2, в настоящее время я использую 2.0.2.

Что мне нужно сделать, чтобы заставить это работать?

1 Ответ

3 голосов
/ 04 марта 2012

Я установил плагин lesscss-resources, который предварительно компилирует LESS файлы.Таким образом, я также могу использовать операторы @import.

Я определил свои основные таблицы стилей как модуль в ApplicationConfig.groovy. 

modules = {

    // ...

    sitecore {      
        dependsOn 'jquery'

        resource url:'less/style.less', attrs:[rel: "stylesheet/less", type:'css'], bundle:'bundle_sitecore'
        resource url:'js/main.js'
    }

И тем самым я могу простоссылаться на него, используя плагин Grails: 

<r:require module="sitecore" />
...