使用 jekyll-assets 缩小 CSS/JS 的问题

Question

我在让我的资产管道配合缩小 CSS 和 JS 时遇到问题。我正在使用的 Jekyll 站点使用 SCSS 和 CSS。我想知道需要执行哪些步骤才能正确实现 jekyll-assets 以缩小 SCSS、CSS 和 JS？

我尝试将以下内容添加到我的 _config.yml 文件中：

plugins: [bourbon, neat, jekyll-sitemap, jekyll-assets]
sass:
  style: compressed
assets:
  sources:
    - assets/css
    - assets/images
    - assets/js
  compress:
    css:  true
    js:   uglifier

我的 Gemfile 如下所示：

gem 'jekyll', '3.5.0'
gem 'bourbon', '4.3.4'
gem 'neat', '1.8.0'
gem 'jekyll-sitemap'
gem 'sprockets', '3.7.2'
gem 'jekyll-assets'
gem 'uglifier'

在 html 模板中，我使用了像 {% css normalize %} 这样的标签，但是我无法使用 jekyll-assets 插件（只有内置的 Jekyll sass 压缩有效）。我是 Jekyll 的新手，我一直在筛选文档 (https://www.rubydoc.info/gems/jekyll-assets/)，但似乎无法弄清楚这一点。任何见解都将不胜感激，因为我觉得我遗漏了一些明显的东西。

Answer 1

确保您在执行 jekyll build 时处于 "production" 模式。当您运行构建 with/without JEKYLL_ENV=production 集时，jekyll-assets 的 _config.yml 中的一些配置会发生变化。

默认情况下，jekyll-asset压缩是假的。

请在此处查看 jekyll-assets 的配置文档： https://github.com/envygeeks/jekyll-assets#configuration

Setting a value makes it explicit, and shared across both production, and development.

assets:
  source_maps: true # false on JEKYLL_ENV=production
  destination: "/assets"
  compression: false # true on JEKYLL_ENV=production
  ...

尝试运行宁JEKYLL_ENV=production jekyll build

使用 jekyll-assets 缩小 CSS/JS 的问题

Issues minifying CSS/JS with jekyll-assets

javascript

css

minify

jekyll