Vueの-CLIプロジェクトにおけるグローバル変数の少ない使用

初めは少ないグローバル変数を使用しますが、どのような理由のために知らないVue2.Xバージョンにしようとしている非CSS-ローダインストールエラーのクラスについての誤った情報を与えられたが、私の名誉時に私がインストールされています!

その後Vue3.0バージョンが見つかりました(もともと2.xのを望んでいたし、他の一般的なものがほとんどと言う学習される)を設定することが簡単ですので、彼は、おそらくバージョン3.11を事前Vueの-cli3.0をアップグレード

ヴュー・cli3.0へのアップグレードについての知識ここを参照してください:ヴュー-CLI 3.0ビルドVueのプロジェクトを使用しWHU_朝_BIN

(私は主に以下を使用し、これが唯一のプリプロセッサも少ない選挙を思い出し、グローバル変数を使用する方法を以下に記述します)

 

 実行VUEは、スタイル・リソース・ローダーを追加し、なぜ追加さは約3.0デフォルトのパッケージマネージャは糸であるためと考えられます

以下を選択

 

ルートディレクトリの新vue.config.js

CONSTパス=(「パス」を必要とします)。

module.exportsは = { 
  pluginOptions:{
     "スタイルリソースローダ" :{ 
      プリプロセッサ: "以下" 
      パターン:[path.resolve(__ DIRNAME、 "./src/styles/test.less" )] 
    } 
  }、
  lintOnSave。
  devServer:{ 
    オーバーレイ:{ 
      警告:
      エラー:
    } 
  } 
}。

 

 これは、独自のディレクトリファイルディレクトリに置か主要部分であり、以下

その後、直接設定を直接.lessファイルを使用することができます

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/linbudu/p/11445137.html