css 文件如何使用 laravel 混合缩小？

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 issue Jeffrey 指出缩小只发生在生产模式下。因此，要缩小 css 文件，您可以：

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

然后运行以下内容将连接并缩小您的文件。

$ npm run production

工作于 (laravel-mix@1.0)

css 文件如何使用 laravel 混合缩小？

How does minification of css files using laravel mix work?

css

minify

laravel-mix