关于 stylus的全局变量的配置

最新推荐文章于 2024-05-10 09:21:25 发布

weixin_34195546

最新推荐文章于 2024-05-10 09:21:25 发布

阅读量606

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b0b735a5188251545421f89

版权

如何在vue项目当中在每个组件中都能使用stylus定义的变量（比如基准值）

方法：主要是在build/utils的配置文件的cssLoaders函数中

    import:[
      path.join(__dirname, "../src/common/variables.styl")
    ],
    paths:[
      path.join(__dirname, "../src/common/"),
      path.join(__dirname, "../")
    ]
  }
  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
  return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus', stylusOptions),
    styl: generateLoaders('stylus', stylusOptions)
  }  
复制代码