カスタムUIライブラリを配置する場所


8

複数のカスタムモジュールとテーマで使用する独自のUIライブラリ(主に.lessファイルですが、画像とも.js)を作成する必要があります。の下にあるMagento UIライブラリにファイルを追加するだけだと思いました/lib/web

  1. しかし、まず第一に、カスタムファイルを追加することは許可されてい/lib/webますか(そしてそれは良い習慣ですか?)

  2. カスタムファイルを追加する場合、/lib/web/companyすべてのカスタムファイルをMagentoのデフォルトファイルから分離するなど、独自のフォルダー(会社名など)を作成する必要がありますか?

例えば:

lib/
├── web/
   ├── css/
      ├── source/
   ├── fonts/
   ├── jquery/
   ├── company/
      ├── css/
         ├── source/
      ├── fonts/
      ├── jquery/

または、各デフォルトフォルダー内にカスタムフォルダーを作成する必要がありますか?このような:

lib/
├── web/
   ├── css/
      ├── source/
      ├── company/
         ├── source/
   ├── fonts/
      ├── company/
   ├── jquery/
      ├── company/

ドキュメンテーション

UIライブラリに関するドキュメントを確認しましたが、カスタムファイルをどこに配置するべきかわかりません:https : //github.com/magento/magento2/blob/2.0/lib/web/css/docs/source/README。 md

例1リンク):

グローバル変数

変数がいくつかのテーマで共通である場合、_variables.lessファイルのグローバルlibに配置する必要があります

デフォルトのコアファイルは絶対に編集しないでください。それで、カスタム変数を含むファイル用に独自のフォルダーを作成する必要があるという意味ですか?正確にはどこで?

/lib/web/company/css/source/lib/_variables.less

/lib/web/css/company/source/lib/_variables.less

/lib/web/css/source/company/lib/_variables.less

/lib/web/css/source/lib/company/_variables.less

例2リンク):

複数のテーマで使用されるエクステンドは、libに保存する必要がありますlib/source/utilities.less(utilitiesフォルダーに分割されます)

これは、カスタムミックスインをutilities.less新しいサブディレクトリ内の新しいファイルに配置する必要があることを示唆しています/lib/web/css/source/lib/source。あれは正しいですか?

しかし、そこに自分のフォルダを作成する必要があるかどうかは言われていません。

回答:


2

私の答えは意見ベースかもしれませんが、Magento 1モジュール開発のベストプラクティスをMagento 2に適用しています

リンクされた回答のステートメントとして:

静的リソース(js、css、画像)を会社名の付いたフォルダーに入れて、それらを簡単に分離できるようにします

ですから、正解は1つではないと思いますが、先ほど投稿した内容に基づいて、私は最初の選択肢に行くと思います。

/ lib / web / companyなどの独自のフォルダー(会社名など)を作成して、すべてのカスタムファイルをMagentoのデフォルトファイルから分離します。


1

現在、Magento 2はライブラリをグローバルに拡張するための推奨される方法を提供していません。意図した方法は、カスタムテーマですべてのスタイルを追加することです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.