Как применить плагин для Stylus в проекте Vue 2 с шаблоном веб-пакета

Question

Как применить плагин для Stylus в проекте Vue 2 с шаблоном веб-пакета

1

У меня есть проект Vue2 с шаблоном Webpack, и я использую Stylus в качестве препроцессора CSS (стилус, стилус-загрузчик уже установлен и работает).

Я не могу найти способ применить плагины для Stylus, например, разрыва.

Я попытался изменить параметры в build/utils.js для загрузчика стилуса следующим образом:

stylus: generateLoaders('stylus', {use: [require('rupture')()]}),
styl: generateLoaders('stylus', {use: [require('rupture')()]})

Также попытался import разрыв из <style></style> в App.vue например:

@import 'rupture/rupture/index.styl' // also 'rupture/index.styl'

Также попытался импортировать его из main.js но main.js ничего не работало.

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

Slim 05 июнь 2017, в 11:20

Источник

Теги:

javascript

vuejs2

webpack

stylus

1 ответ

Ещё вопросы

Slim · Accepted Answer · 2017-07-13T09-54-00.000Z

Ну, я придумал решение, в котором используется опция import Stylus:

stylus: generateLoaders('stylus', {

  // unfortunately 'use' option throws error
  // use: [require('nib')(), require('rupture')()]

  // import to the rescue
  import: [
    '~nib/index.styl',
    '~rupture/rupture/index.styl',
    path.resolve(__dirname, '../src/styles/cfg.styl')
  ]
}),

Примечание. Если какой-либо путь, указанный в параметре import неверен, сервер бесшумно входит в височное состояние и не запускается - ошибки не генерируются.