Задать вопрос
@thorii
препроцессоры

Как изменить парсер postCSS в Nuxt.js?

У меня стили в Sass написаны, postCSS без парсера кидается исключениями, но ни один пример из документации Nuxt.js/Vue-Loader не работают.

Nuxt вообще умеет менять парсер для PostCSS?

build: {
    postcss: {
      parser: 'postcss-scss'
    },
    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }


Требуется поддержка следующей конструкции

| - root
| - assets
| - | - common.sass
| - pages
| - | - index.vue

common.sass

.link
  color: red

index.vue

<template lang="pug">
  a.localLink Link
</template>

<style lang="sass">
.localLink
  composes: link from "../assets/common.sass"
</style>


Загрузчик и парсер sass установлены

"devDependencies": {
    "babel-eslint": "^8.2.1",
    "eslint": "^4.15.0",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-vue": "^4.0.0",
    "node-sass": "^4.7.2",
    "postcss-scss": "^1.0.3",
    "sass-loader": "^6.0.6"


Сейчас такая конструкция вызывает следующие ошибки (скорее всего из-за парсера)
5a8ad188c384d882948438.png
---
5a8ad0c446407481042403.png
  • Вопрос задан
  • 1609 просмотров
Комментировать
Подписаться 3 Простой Комментировать
Решения вопроса 1
@RedHex 
build: {
        /*
         ** Run ESLint on save
         */
        extend(config, {isDev, isClient}) {
            if (isDev && isClient) {
                config.module.rules.push({
                    enforce: 'pre',
                    test: /\.(js|vue)$/,
                    loader: 'eslint-loader',
                    exclude: /(node_modules)/
                })
            }
        },
        parser: [require('postcss-scss')],
        postcss: [
            require('import-postcss')(),
            require('postcss-cssnext')(),
            require('postcss-custom-media')(),
            require('postcss-node-sass')(),

        ],
        extractCSS: true
    },
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Системный аналитик (Банковский проект)
Bell Integrator • Санкт-Петербург
от 240 000 до 320 000 ₽
Системный аналитик (Банковский проект)
Bell Integrator • Ростов-на-Дону
от 240 000 до 320 000 ₽
Аналитик данных в отдел планирования и прогнозирования (data analyst)
Бристоль • Москва
До 190 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать BSP для платы на основе Nuvoton NUC977DK61Y
23 апр. 2024, в 15:28
50000 руб./за проект
Создать бота для игорного клуба в Беларуси
23 апр. 2024, в 15:25
15000 руб./за проект
Доработка 2D приложения на платформе Unity
23 апр. 2024, в 15:19
8000 руб./за проект
Ещё заказы