3

私はここで壁に頭をぶつけました。

私のプロジェクトでは、Laravel Mix/webpack で.scss1 つのファイルを 2 つのファイル、通常の縮小されていない (展開またはネストされた) ファイルと.css縮小された (圧縮された) ファイルにコンパイルしたい.min.cssので、基本的に両方のファイルがあります。

私は試してみました：

mix.sass('src', 'output')
   .copy('output.css', 'output.min.css')
   .minify('output.min.css');

.cssただし、 -file がコンパイルされていないため、これはエラーになります。

Laravel Mix が実行時に縮小されることは知っていますが、コンパイルするnpm run productionファイルだけでなく、2 つのファイルに興味があります。production

webpack構成全体を変更せずにこれを行う方法はありますか?

4

4 に答える 4

0

Laravel Mix/Webpack には、package.json ファイルにいくつかのビルド前のスクリプトがあります。次のようにしてください。

mix.sass('resources/assets/sass/app.scss', 'public/css');

css donpm run productionをコンソールで縮小したい場合、そうでない場合はnpm run development.

EDIT : sassed と minified の両方のストリームを実行する場合は、別々に実行します。

mix.sass('src', 'output');
mix
.sass('src', 'output')
.minify('output.min.css');
于 2017-06-01T11:50:11.570 に答える
0

あなたはこれを試すことができますか-

mix.js('resources/assets/js/bootstrap.js', 'public/js')
    .sass('resources/assets/sass/bootstrap.scss', 'public/css');

しかし、すぐにファイル内の名前 bootstrap.scss を確認してください。

于 2018-06-18T09:45:27.220 に答える