angular6でlessを使用する方法

今回は、angular6でlessを使用する方法と、angular6で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 サイトの他の関連記事にもご注目ください。

推奨読書:

js で async 関数を使用する方法

js の async 関数を最適化する方法

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