ログインモジュール(一)02-vantトピックの青を変更する-lessファイルを導入する&vue-cliを使用する構成-新しいvue.config.jsファイル色変数の変更


vantトピック青色の変更


ステップ1:src/main.js
// css      Less    ,     
import Vant from 'vant'
-import 'vant/lib/index.css'
+import 'vant/lib/index.less'

ステップ2:src/vue.config.js vue-cliの構成を新規作成
//  webpack     
module.exports = {
  //       
  css: {
    loaderOptions: {
      //less   
      less: {
        //    
        modifyVars: {
          blue: '#3296fa'
        }
      }
    }
  }
}

  • ドキュメントcss-ローダ構成を参照してください.https://cli.vuejs.org/zh/config/#css-loaderoptions
  • lessの変数を変更し、lessファイル
  • にインポートします.
  • vue-cliの構成を使用してlessファイルの変数を変更すると
  • になります.
  • vueを修正する.config.js構成は、必ず
  • を再起動する