如何使用laravel mix縮小css文件？

Question

為什么縮小文件等於非縮小文件？

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選項？

Answer 1

從這個laravel-mix問題開始， Jeffrey指出縮小只發生在生產模式中。 因此，要縮小您的CSS文件，您可以：

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

然后運行以下將連接並縮小您的文件。

$ npm run production

適用於(laravel-mix@1.0)