Jump to main content Jump to doc navigation

Что такое MinifyX?

MinifyX это сниппет, который объединяет JS и CSS файлы, снижая нагрузку на сервер и ускоряя загрузку.

MinifyX создан и поддерживается SCHERP Ontwikkeling.

Требования

MinifyX требует MODX® Revolution 2.2.0 или новее.

История

Version Release date Author Changes
1.0.0-PL1 March 26th, 2012 Patrick Nijkamp (SCHERP Ontwikkeling) Initial release.
1.1.0-PL September 09, 2012 Vasiliy Naumkin Improved minifiers and code refactor

Загрузка и установка

Установите пакет через менеджер пакетов MODX®.

Что нужно знать

MinifyX объединяет файлы в один кэш-файл и загружает его оттуда. При объединении CSS используйте абсолютные пути для изображений и URL-вызовов. То же для javascript. Некоторые фреймворки используют bootloaders (например EXT), которые должны лежать в своих каталогах. Не попадите в эту ловушку.

Использование MinifyX на фронтенде

Размещение сниппета

Разместите основной вызов [[[MinifyX](extras/minifyx "MinifyX")]] на странице. Сниппет назначает следующие плейсхолдеры:

Placeholder name Content
[[+MinifyX.css]] The tag containing the source to the CSS cache file (should be placed in the head, most of the time before the javascript includes)
[[+MinifyX.javascript]] The tag containing the source to the javascript cache file (should be placed in the head)

Параметры конфигурации

Parameter Description Values Default Value Required
jsSources Comma separated list to your JS files from the site base URL Comma separated string (empty) no
cssSources Comma separated list to your CSS files from the site base URL Comma separated string (empty) no
minifyCss Whether to minify the CSS or not 0 = no, 1 = yes 0 no
minifyJs Whether to minify the JS or not
(only block comments allowed! experimental) 0 = no, 1 = yes 0 no
cacheFolder The folder to the cache files from the site base URL A string assets/components/minifyx/cache/ no
jsFilename Base name of destination js file, without extension A string scripts
cssFilename Base name of destination css file, without extension A string styles

Примеры

Ниже основной вызов сниппета и размещение плейсхолдеров. Все параметры необязательны.

<html>
<head>
[[MinifyX?
  &jsSources=`
    /assets/myframework.js,
    /assets/lightbox.js,
    /assets/script.js
`
  &cssSources=`
    /assets/style1.css,
    /assets/style2.css
`
]]

[[+MinifyX.javascript]]
[[+MinifyX.css]]
</head>
<body></body>
</html>

Внешние источники

Developers website: http://www.scherpontwikkeling.nl/portfolio/modx-addons/minifyx.html

GitHub repository: http://www.github.com/b03tz/MinifyX/ and https://github.com/bezumkin/MinifyX

Report bugs and request features: http://www.github.com/b03tz/MinifyX/issues

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

  • modmore
  • STERC
  • Digital Penguin
  • Jens Wittmann – Gestaltung & Entwicklung
  • CrewMark
  • Fabian Christen
  • Sepia River Studios
  • Dannevang Digital
  • Alex
  • A. Moreno
  • Chris Fickling
  • Stéphane Jäggi
  • Murray Wood
  • Anton Tarasov
  • deJaya
  • JT Skaggs
  • Lefthandmedia
  • eydolan
  • Following Sea
  • Guido Gallenkamp
  • YJ
  • Raffy
  • Snow Creative
  • Nick Clark
  • Guest
  • Helen
  • krisznet
  • Yanni
  • Richard

Budget

$204 per month—let's make that $500!

Learn more