npm ツールとパッケージを使用して、LESS ファイルと ES6 ファイルを別のディレクトリにコピーしてコンパイル/変換しようとしています。
これは私の基本的な構造です:
-src
-components
-component1
component1.js // es6 code
styles.less
-component2
component2.js // es6 code
styles.less
-component3
component3.js // es6 code
styles.less
そして、これは望ましい新しいディレクトリ構造です:
-lib
-component1
component1.js // es5 code
styles.css
-component2
component2.js // es5 code
styles.css
-component3
component3.js // es5 code
styles.css
私が使用しているes6トランスパイルの場合、それはうまく機能しbabel
ます:
"build:js": "cross-env NODE_ENV=production babel ./src/components --out-dir ./lib --ignore spec.js"
しかし、私はファイルに苦労していLESS
ます。私はcpx
ファイルをコピーして構造を維持するために使用できることを知っています:
"build:less": "cpx \"./src/components/**/*.less\" ./lib"
しかし、私はそれらをそれぞれ処理しながらコピーし、からコンパイルしたいと考えていLESS
ますCSS
。
パイプラインを介して渡される各ファイルのモジュール変換の引数があり-t
ますが、それらを渡す適切なモジュールが見つかりません。
試しlessc
てみlessify
ましたが、うまくフィットしないようです。
"build:less": "cpx \"./src/components/**/*.less\" ./lib -t [less_compiler_here?]"
webpack
これを達成するために、または他のパターンを使用してもかまいません。