Я пытаюсь загрузить файл стилуса в nuxt.
Сначала я установил пакет стилуса с помощью npm i -D stylus stylus-loader
Затем я создал файл с именем app.styl в папке assets/style:
@require '~vuetify/src/stylus/settings/_colors'
$theme := {
primary: $blue.darken-2
accent: $blue.accent-2
secondary: $grey.lighten-1
info: $blue.lighten-1
warning: $amber.darken-2
error: $red.accent-4
success: $green.lighten-2
}
// Import Vuetify styling
@require '~vuetify/src/stylus/main'
.page
@extend .fade-transition
Затем я добавил это в массив css в nuxt.config.js:
/*
** Global CSS
*/
css: [{ src: '~assets/style/app.styl', lang: 'styl'}],
Но тогда nuxt.js выдает ошибку при сборке:
× error friendly-errors » Failed to compile with 1 errors
> log friendly-errors » This dependency was not found:
> log friendly-errors » * ..\assets\style\app.styl in ./.nuxt/App.js
> log friendly-errors » To install it, you can run: npm install --save ..\assets\style\app.styl
В моем package.json есть версия nuxt до ^ 2.3.1, стилус до ^ 0.54.5 и стилус-загрузчик ^ 3.0.2.
Полная ссылка на package.json и nuxt.config.js
Можете ли вы найти, что не так с моей настройкой, используя эту информацию?





Путь к папке с ресурсами Nuxt должен быть таким для Nuxt js версии 2
/*
** Global CSS
*/
css: [{ src: '~/assets/style/app.styl', lang: 'styl'}]
Я надеюсь это решит твою проблему
Эта линия сработала для меня. в nuxt.config.js
css: ['~ assets / app.styl']
Решение из обсуждения вопроса проблема nuxt со ссылкой на параметры стилуса webpack и для последней версии nuxt (2.14.7),
расширить конфигурацию webpack, отображающую все загрузчики,
build: {
extend (config, { isDev, isClient }) {
[].concat(...config.module.rules.find(e => e.test.toString().match(/\.styl/)).oneOf.map(e => e.use.filter(e => e.loader == 'stylus-loader'))).forEach(stylus => {
Object.assign(stylus.options, {
//preferPathResolver: 'webpack',
sourceMap: true,
stylusOptions: {
//use: ['nib'],
include: ['~assets/styles'], //include all styl files from folder
import: [
'~assets/style/main.styl', //your main styl file
],
},
})
//console.info(stylus)
})
},
это импортирует файлы и также включает папку стилуса.
эй, можешь ли ты отредактировать свой ответ, объяснив, почему это работает?