0

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これを達成するために、または他のパターンを使用してもかまいません。

4

1 に答える 1