Vueでlessを使用する問題を解決する
|
1. less依存関係をインストールします: 2. webpack.base.config.jsファイルを修正し、依存関係をロードするようにローダーを設定し、外部lessをサポートするようにして、元のコードに追加します。
// このメソッドはコンソールにスタイルタグのスタイルを表示します {
テスト: /\.less$/,
ローダー: "style-loader!css-loader!less-loader",
options: { sourceMap: true } //現在のタグスタイルがどの less ファイルから取得されるかをコンソールで確認できます}
3. プロジェクトでの使用 Vueファイルのスタイルタグにlang="less"を追加してタグ内でlessを使用するか、lessを外部的にインポートします。 発生した問題:
原因: インストールされている less-loader のバージョンが高すぎます。解決策:
または、package.jsonファイルのバージョン番号を変更してnpm installを実行します。
これで、vue での less の使用に関するこの記事は終了です。vue less の使用に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Docker で Confluence をデプロイするための完全な手順
推薦する
MySQLとRedisキャッシュ間の同期ソリューションについての簡単な説明
目次1. ソリューション 1 (UDF)デモケース2. ソリューション2（binlogの解析）キャナ...
Linux テキスト検索コマンド find の詳細な使用方法
find コマンドは主にディレクトリやファイルを検索するために使用され、一致のために複数のパラメータ...
アコーディオン効果を実現するネイティブ js
実際のWebページ開発でも、アコーディオンは頻繁に登場します。簡単なアコーディオンを作ったのですが、...
MySQL の instr を使用したファジー クエリ メソッドの紹介
MySQL の内部関数instrを使用すると、従来の like クエリ メソッドを置き換えることがで...
MySQL での order by の使用に関する詳細
目次1. はじめに2. 本文2.1 単一列のソート2.2 複数の列を並べ替える2.3 ソート方法2....
Sublime TextがUbuntuで中国語を入力できない問題の最も簡単な解決策
崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...
HTML チェックボックスとラジオボタンスタイルの美化の簡単な例
HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...
HTML 選択オプション デフォルトの選択方法
オプションに属性 selected = "selected" を追加すると、それ...
複数の Docker コンテナが同じポート番号を持たない場合の解決策
背景Dockerでは、同じイメージを使用して4つのコンテナを作成します。ネットワークはブリッジモード...
Vue ページ監視ユーザープレビュー時間機能実装コード
最近のビジネスでは、オンライン トレーニング システムが特定のオンライン プレビュー ページに対する...
mysql 変数の使用例の分析 [システム変数、ユーザー変数]
この記事では、例を使用して MySQL 変数の使用方法を説明します。ご参考までに、詳細は以下の通りで...
CSSの4種類の配置の違いの詳細な説明
フロントエンド開発でよく使われるCSSの配置方法は、位置決めには、通常位置決め、相対位置決め、絶対位...
Vueのシンプルな状態管理ストアモードを理解する方法
目次概要1. store.jsを定義する2. store.js を使用するコンポーネント3. 成果を...
カレンダー効果を実現するJavaScript
この記事では、カレンダー効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...