首页 > 其他 > 详细

vue-cli 全局引入stylus文件方法

时间:2020-05-18 09:50:26      阅读:173      评论:0      收藏:0      [点我收藏+]

如果你想自动化导入文件 (用于颜色、变量、mixin……),你可以使用 style-resources-loader。这里有一个关于 Stylus 的在每个单文件组件和 Stylus 文件中导入 ./src/styles/imports.styl 的例子:

// vue.config.js
const path = require(‘path‘)

module.exports = {
  chainWebpack: config => {
    const types = [‘vue-modules‘, ‘vue‘, ‘normal-modules‘, ‘normal‘]
    types.forEach(type => addStyleResource(config.module.rule(‘stylus‘).oneOf(type)))
  },
}

function addStyleResource (rule) {
  rule.use(‘style-resource‘)
    .loader(‘style-resources-loader‘)
    .options({
      patterns: [
        path.resolve(__dirname, ‘./src/styles/imports.styl‘),
      ],
    })
}

vue-cli 全局引入stylus文件方法

原文:https://www.cnblogs.com/CoderZX/p/12908676.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!