npmツールとパッケージを使用して、lessファイルとES6ファイルを別のディレクトリにコピーおよび変換しようとしています。
これが私の基本的な構造です:npm cpxを使用してLESSファイルをコピーしてコンパイルします
-src
-components
-component1
component1.js // es6 code
styles.less
-component2
component2.js // es6 code
styles.less
-component3
component3.js // es6 code
styles.less
そして、これが希望する新しいディレクトリ構造である:私はbabel
を使用していますし、それは素晴らしい作品ES6のtranspileについては
-lib
-component1
component1.js // es5 code
styles.css
-component2
component2.js // es5 code
styles.css
-component3
component3.js // es5 code
styles.css
:
"build:js": "cross-env NODE_ENV=production babel ./src/components --out-dir ./lib --ignore spec.js"
しかし、私はLESS
ファイルで苦労しています。
"build:less": "cpx \"./src/components/**/*.less\" ./lib"
しかし、私はそれらのそれぞれの処理中にそれらをコピーして
CSS
へ
LESS
からコンパイルしたい:私は、私はファイルをコピーし、構造を維持するために
cpx
を使用することができます知っています。
パイプラインを通過する各ファイルのモジュール変換には
-t
引数がありますが、それらを渡す適切なモジュールが見つかりません。
lessc
と
lessify
を試しましたが、うまくフィットしていないようです。
"build:less": "cpx \"./src/components/**/*.less\" ./lib -t [less_compiler_here?]"
私はこれを達成するためにwebpack
または任意の他のパターンを使用して気にしません。
私にとっては、 'gulp' /' grunt'などのツールのユースケースのようです。 –
@ seven-phases-maxは、彼がすでにnpm-scriptsにプロジェクト全体(そしておそらく他のプロジェクト)を基盤にしているときに、gulpやgruntを使うべきではないと思います。まあ、少なくとも私の場合はそうです。 –