0

В проекте с gulp/webpack какой-то модуль ставит пробелы в 0\0 для @media для запроса @media all and (min-width:0\0) and (min-resolution:.001dpcm)

Стиль написан на stylus.

Т.е. в .css после сборки попадает

@media all and (min-width: 0 \ 0) and (min-resolution: 0.001dpcm) {

а 0 \ 0 не работает в результате. Какой модуль может добавляеть эти пробелы, можно как-то их убрать, или заставить принять строку кода строго, как написано?

вот часть устаеовленых модулей в проекте:

    "eslint-loader": "^1.1.1",
    "gulp-combine-mq": "^0.4.0",
    "gulp-cssnano": "^2.0.0",
    "gulp-filter": "^3.0.1",
    "gulp-group-css-media-queries": "^1.1.0",
    "gulp-stylint": "^3.0.0",
    "gulp-stylus": "^2.1.0",
    "merge-stream": "^1.0.0",
    "stylint-stylish": "^1.2.0",
    "stylus": "^0.54.5",
1
  • 1
    Можно отключить сначала половину всех плагинов, затем половину из половины, и дойти до виновника. 16 авг 2017 в 9:02

1 ответ 1

0

https://stackoverflow.com/a/45814394/873481

Вы можете использовать @css, что бы не дать stylus изменить ваше правило:

@css{
  @media all and (min-width:0\0) and (min-resolution:.001dpcm){
    // здесь ваш css код
  }
}

и получаете точно это:

 @media all and (min-width:0\0) and (min-resolution:.001dpcm){
   // здесь ваш css код
 }

Так же Вы можете использовать интерполяцию:

@media all and ({"min-width:0\0"}) and (min-resolution:.001dpcm)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.