1PeGaS
@1PeGaS

Как импортировать scss в компонент .vue?

Не получается импортировать файл в компоненте .vue. Установил всё что нужно - npm install -D sass-loader node-sass.
Внутри секции style синтаксис scss работает отлично, но если хочу импортировать то ошибка.
<style lang="scss">
	import 'style.scss'
</style>


Вот мои rules в Вебпаке
rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader',
        ]
      },
      {
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ]
      }
    ]
  • Вопрос задан
  • 1457 просмотров
Решения вопроса 1
@kristenstewartdadada
Frontend Developer
так внутри надо импорт писать как в css

<style lang="scss">
  @import 'style.scss'
</style>


или

<style src="./style.scss" lang="scss"></style>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы