Vue2 はグローバル カラー スタイルを定義します

1. インストールレス、less-loader、style-resources-loader および vue-cli-plugin-style-resources-loader

2. グローバル カラー ファイルを作成します。baseColor.less ファイルは次のとおりです。

3. vue.config.js ファイルで構成します。パスは、作成したばかりのグローバル カラー ファイルのパス、つまり baseColor.less ファイルのパスです。ここでのパスは、@/assets のように省略できないことに注意してください。
   

   const path = require('path')
   pluginOptions: {
         
         
       'style-resources-loader': {
         
         
         preProcessor: 'less',
         patterns: [path.resolve(__dirname, './src/assets/style/baseColor.less')]
       }
    }
   

4. 最後に、必要な場所で直接使用できます