如何使用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)