css - 使用 laravel mix 缩小 css 文件是如何工作的?

标签 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 选项上?

最佳答案

从此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 mix 缩小 css 文件是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47217153/

相关文章:

php - 有电子邮件表格的背景图片吗?

css - 如何将图像 div 容器放在另一个 div 上,但保持可点击?

javascript - 为什么我们在缩小的 JavaScript 中会有换行符?

javascript - php文件中的uglifyjs javascript

css - 我怎样才能缩小CSS?属性 [ background-position ] 的简写?

typescript - Inertia.js + Laravel + Typescript + Vue 3 应用程序中的 "App"变量出现错误

node.js - Laravel Mix : Update a Node. js 依赖

javascript - 带有展开图标的 Accordion

css - 启用 "overflow-y: auto"时,多选列表在 x 轴上被截断

laravel - 在 Laravel 应用程序中使用 NPM 包时遇到问题