如何使用laravel mix缩小css文件?

时间:2017-11-10 06:50:58

标签: css minify laravel-mix

为什么缩小文件等于非缩小文件?

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选项?

1 个答案:

答案 0 :(得分:5)

从此laravel-mix issue Jeffrey指出,缩小只发生在生产模式中。因此,为了缩小您的CSS文件,您可以:

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

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

$ npm run production

适用于 (laravel-mix@1.0)