ホームページ >ウェブフロントエンド >jsチュートリアル >angular 6でlessを使用する手順の詳細な説明

angular 6でlessを使用する手順の詳細な説明

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-22 09:51:172830ブラウズ

今回はangular 6でlessを使用する手順について詳しく説明します。angular 6でlessを使用する場合の注意事項は何ですか?実際のケースを見てみましょう。

新しいプロジェクト

ng <a href="http://www.php.cn/wiki/165.html" target="_blank">新しい<code>ng <a href="http://www.php.cn/wiki/165.html" target="_blank">new</a> [appname] --style less [appname] --styleless

既存のプロジェクト

*.css ファイルとreferenceをサフィックスlessで変更し、angular.jsonファイルに次のコンテンツを設定します

{
 "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
 "version": 1,
 "newProjectRoot": "projects",
 "projects": {
  "ngTest": {
   "root": "",
   "sourceRoot": "src",
   "projectType": "application",
   "prefix": "app",
   "schematics": {
    "@schematics/angular:component": {
     "styleext": "less"
    }
   }
 ......
}

このケースを読んだ後、方法をマスターしたと思います記事、詳細 php 中国語 Web サイトの他の関連記事にもご注目ください。

推奨読書:

nodejsでプロジェクトのポート番号を変更する手順の詳細な説明

Nodeはサーバーを構築し、インターフェイスを作成し、インターフェイスを調整し、クロスドメイン方法を詳細に説明します

以上がangular 6でlessを使用する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。