vue-cli4 + view-design(iview)

690 ワード

プロジェクトはカスタムトピックを使用する必要があるため、公式ドキュメントに従ってプロファイルを開始します.構成中に問題が発生しました.変数オーバーライド方式は色の構成に成功し、ツールでインストールする方式は成功せず、足場でプロジェクトを構築した後、この方式と衝突したかどうか分からない.今回の構成は変数オーバーライド方式の構成です.
  • グローバルスタイルファイルで依存パッケージのindexを参照する.lessスタイルファイル、その後main.jsファイルでは、あなたのグローバルスタイルファイルを参照します.この方法はvueで必要である.config.jsプロファイルにcssスタイル構成を追加します.そうしないと、コンパイルが間違っています.
    //       ,  :index.less
    @import '~view-design/src/styles/index.less';
    
    // main.js        
    import '@/index.less'
    
    // vue.config.js    
    css: {
        loaderOptions: {
          less: {
            javascriptEnabled: true
          }
        }
      }
     
  • 以降はグローバルスタイルファイルでスタイルを変更できます.依存パッケージview-designのcustomを参照できます.lessスタイルの共通構成の変更.