如何在vue中全局引入stylus文件的变量

不用不知道，一用就知道。😂 比如stylus..

语法挺简单的，但是使用过程中还是遇到了一些小问题。

比如定义了一些变量，但是每个样式文件都引入好像有点儿过于麻烦诶？完全不像一个好用的东西该有的样子。😂😂😂

所以就想办法怎样才可以全局引用呢。🤔🤔🤔

👇👇👇

比如咱们在public.styl中定义了一些公共变量，可能很多文件中都会用到。

定义公共变量的样式文件

那如何全局引用呢？咱们修改这个文件即可：

需要修改的文件

具体修改内容如下：

红框框圈出来的就是修改的地方哦~

贴上代码，方便大家~ 😂

var stylusOptions = {
     import: [
        path.join(__dirname, "../src/assets/css/public/public.styl"), 
    ]
  } 
  return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus',stylusOptions),
    styl: generateLoaders('stylus',stylusOptions)
  }

然后也不需要再其它地方import了，可以直接在styl文件中直接使用定义的变量~
举个例子🌰：

可以用~(≧▽≦)/~啦啦啦
作者信息:-D