web-dev-qa-db-ja.com

laravel mixを使用したcssファイルの縮小はどのように機能しますか?

縮小されたファイルが縮小されていないファイルと等しいのはなぜですか?

const { mix } = require('laravel-mix');

mix.styles([
    'public/some.css',
    'public/thing.css',
], 'public/css/index.css');

mix.minify('public/css/index.css');

実行時npm run production、サイズは128kB(両方とも圧縮)

   Asset       Size  Chunks             Chunk Names
               mix.js  511 bytes       0  [emitted]  mix
       /css/index.css     128 kB          [emitted]
   /css/index.min.css     128 kB          [emitted]

実行時npm run dev、両方のファイルは同じサイズであり、160 kB、つまり両方とも縮小されていません。縮小版がminサフィックスではなく、dev\prodオプションに依存しているのはなぜですか?

6
shukshin.ivan

このことから laravel-mix issue ジェフリーは、縮小化は本番モードでのみ発生すると指摘しています。したがって、cssファイルを縮小するには、次のようにすることができます。

mix.styles([ 'public/some.css', 'public/thing.css', ], 'public/css/index.css')

次に、以下を実行すると、ファイルが連結および縮小されます。

$ npm run production

([email protected])で動作します

10
Sir Waithaka