問題タブ [npm-scripts]

npm ツールとパッケージを使用して、LESS ファイルと ES6 ファイルを別のディレクトリにコピーしてコンパイル/変換しようとしています。
これは私の基本的な構造です：

そして、これは望ましい新しいディレクトリ構造です:

私が使用しているes6トランスパイルの場合、それはうまく機能しbabelます：

しかし、私はファイルに苦労していLESSます。私はcpxファイルをコピーして構造を維持するために使用できることを知っています:

しかし、私はそれらをそれぞれ処理しながらコピーし、からコンパイルしたいと考えていLESSますCSS。
パイプラインを介して渡される各ファイルのモジュール変換の引数があり-tますが、それらを渡す適切なモジュールが見つかりません。
試しlesscてみlessifyましたが、うまくフィットしないようです。

webpackこれを達成するために、または他のパターンを使用してもかまいません。

最終的に Gulp への依存を取り除くために、npm スクリプトを使用してテストしています。という 1 つのメイン カスタム スクリプトから簡単に始めていますwatch。watchこのスクリプトは、最終的に、名前で始まるすべてのスクリプトを実行します。たとえばwatch:styles。私のwatch:stylesスクリプトは node-sass を使用して、sass ファイルを CSS にコンパイルします。これは機能します。ただし、次のステップはpostwatch:styles、新しく作成した.cssファイルを PostCSS と Autoprefixer で実行するスクリプトを作成することです。

ただし、問題は、postwatch:stylesフックがトリガーされて実行されないことです。

パッケージ.json

ポスト フックが起動しない理由についてアドバイスや提案はありますか? 初期watch:stylesは問題なく動きます。手動で実行するとyarn postwatch:styles、スクリプトは正しく実行されます。watch:stylesフックの発火を妨げているサイレントエラーが発生する可能性はありますか?

どんなアドバイスでも大歓迎です。

./libnpmに公開する前にディレクトリを構築する npm スクリプトをいくつか書きました。1.スクリプトは、すべてのファイルを構文
に変換してから、ファイルを（同じ構造）にコピーする責任があります。 これはスクリプトです： es6 *.js./src/components/es5./lib

そして、これは.babelrcファイルです：

.lessファイルを変換し.cssてコピーする別のスクリプトがあります./lib（同じ構造）：

すべてが期待どおりに機能しますが、現在 1 つの問題があります。importファイル内にある は.jsファイルを参照していますが、拡張子.lessに変更する必要があります。 明確にするために、 私が今持っているものは次のとおりです。.css

これに変換：

しかし、私はこれに変換したい: