Как настроить веб-пакет для @import ~ стилуса в компоненте vue? - PullRequest
Новая
       16

Как настроить веб-пакет для @import ~ стилуса в компоненте vue?

0 голосов
/ 04 апреля 2019

Я пытаюсь импортировать мой variables.stylus в свой компонент vue, но когда я использую @import "~@themes/variables.stylus", ошибка выброса веб-пакета: failed to locate @import file ~@themes/variables.stylus.styl

Webpack config 

alias: {
      'vue$': 'vue/dist/vue.esm.js',
       themes: path.resolve(__dirname, './src/themes'),
       '@': resolve('src'),
 }

 {
     test: /\.styl$/,
     loader: ['style-loader', 'css-loader', 'autoprefixer-loader?browsers=last 5 version', 'stylus-loader']
 }

1 Ответ

1 голос
/ 04 апреля 2019

Я полагаю, что это должно быть так: 

@import '~@/themes/variables.stylus';

Webpack заменяет псевдоним @ на путь, указанный в конфигурации, в данном случае src.Таким образом, импорт становится src/themes/variables.stylus.

...