Vue cli3.0——全局引用stylus的方法

最新推荐文章于 2024-07-10 15:25:31 发布

帝博格T－bag

最新推荐文章于 2024-07-10 15:25:31 发布

阅读量3.5k

点赞数

分类专栏： Vue-Cli3

Vue-Cli3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1. 安装

cnpm i style-resources-loader -D

2. 配置

// 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'),
      ],
    })
}

参考文档： https://cli.vuejs.org/zh/guide/css.html#%E8%87%AA%E5%8A%A8%E5%8C%96%E5%AF%BC%E5%85%A5