Nuxt Sass / Scss @imports внутри импортированных узловых модулей - PullRequest
Новая
       18

Nuxt Sass / Scss @imports внутри импортированных узловых модулей

0 голосов
/ 16 июня 2019

Я пытаюсь использовать части Sass официальной библиотеки Material design внутри моего проекта Nuxt.

Я создал файл в папке активов с именем styles.scss и попытался импортироватьпростой компонент вроде этого: 

@import "~@material/textfield/icon/mdc-text-field-icon";

Однако он отображает мне эту ошибку: 

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "@material/theme/variables";
^
      File to import not found or unreadable: @material/theme/variables.

Очевидно, это потому, что в имени импорта нет ~, поэтому Nuxt не знаетгде его найти ...

Кто-нибудь знает, как я могу это решить?С помощью node-sass я использовал --include-path для решения этой проблемы, но я не нашел ничего похожего в nuxt ...

Заранее спасибо!

1 Ответ

0 голосов
/ 16 июня 2019

Я нашел способ решить мою проблему, добавив следующий код в nuxt.config.js: 

build: {
  extend(config, context) {
    config.module.rules.push({
      test: /\.(sass|scss)$/,
      use: {
        loader: "sass-loader",
        options: {
          includePaths: ["./node_modules"]
        }
      }
    })
  }
}

Я не знаю, является ли это лучшим решением, но мне не нужно ~внутри моего scss, он автоматически ищет внутри node_modules, что приятно.

...