Vue CLI 3 更改已經使用vue create 建立的項目的css pre-processor,添加stylus

項目已經搭建,須要添加stylusvue

  1. cmd, 進入項目所在目錄, 輸入vue add style-resources-loader (或 npm i vue-cli-plugin-style-resources-loader)
  2. vue.config.js中,修改.styl文件所在目錄
// vue.config.js詳情

const path = require('path');

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'stylus',
      patterns: [
        // path.resolve(__dirname, 'src/styles/abstracts/*.styl'),
        path.resolve(__dirname, 'src/assets/styles/index.styl'),
      ],
    }
  }

圖片描述

圖片描述
圖片描述

相關文章
相關標籤/搜索