Как и нужно ли формировать style.min.css MinifyX в MODX?

Question

[AlexCruel]

Подключен на сайте minifyX, который ссылается на "assets/css/style.min.css":

[[MinifyX?
    	&minifyCss=`1`
    	&minifyJs=`1`
    	&registerJs=`default`
    	&registerCss=`default`
	    &cssSources=`/assets/css/style.min.css`
	]]

Также есть файл "assets/css/style.css". Как я думаю, в него пишутся стили и на основании стилей должен формироваться файл "style.min.css". Но как это сделать? Очистка кеша не дает результата, если я внесу изменения в "style.css". А если внести изменения в "style.min.css" и очистить кеш, тогда все работает.

Не понимаю, автоматически должны минифицироваться стили, или все изменения сразу вносить в "style.min.css"? (что плачевно).

Answer 1

[archelon]

или все изменения сразу вносить в "style.min.css"

так делать не надо, конечно.

&cssSources — в этом параметре вы указываете, какие файлы компонент должен проверять и обрабатывать.
т.е. в вашем случае, как я понимаю, должно быть &cssSources=`/assets/css/style.css`, а не min.css

Comments

[AlexCruel]

Но вот почему указан min.css - это для меня загадка. Ресурс поддерживали подрядчики разные. Что у них было в голове - неизвестно.

[archelon]

AlexCruel,
Возможно, этот min css был скомпилирован независимо, например, с помощью gulp или другого сборщика, а затем загружен на сайт.
В этом случае minifyx, скорее всего, вообще не нужен, только если к компоненту будут в дальнейшем подключаться другие css и js файлы.

Я думаю, стоит внимательно ознакомиться с имеющимися в наличии файлами, изучить документацию https://docs.modx.pro/components/minifyx и настроить все как надо.

Answer 2

[Алексей Голягин]

1. Подключен на сайте minifyX, который ссылается на "assets/css/style.min.css" - в вашем случае нет смысла использовать minifyX, просто подключите этот файл локально:

<link rel="stylesheet" href="/assets/css/style.min.css">

. Т.к. нет смысла подавать 1 файл - Компонент в первую очередь служит для объединения и сжатия вязанки стилей и скриптов, например:

[[MinifyX?
	&minifyCss=`1`
	&minifyJs=`1`
	&registerJs=`default`
	&registerCss=`default`
	&jsSources=`
		assets/plugins/jquery/jquery-2.1.4.min.js,
		assets/js/scripts.js,
	`
	&cssSources=`
		assets/css/bootstrap.min.css,
		assets/css/essentials.css,
		assets/css/layout.css,
		assets/css/header-1.css,
	`
]]

2. Также есть файл "assets/css/style.css". Как я думаю, в него пишутся стили и на основании стилей должен формироваться файл "style.min.css". - не правильно думаете в случае если данный стиль не подключен к шаблону)
3. Но как это сделать? как вариант тем же minifyX:

[[MinifyX?
    	&minifyCss=`1`
    	&minifyJs=`1`
    	&registerJs=`default`
    	&registerCss=`default`
	    &cssSources=`/assets/css/style.css`
	]]

(но как говорил выше не вижу смысла в этом)
4. А если внести изменения в "style.min.css" и очистить кеш, тогда все работает. - Ну логично, если хотите без очистки кэша, попробуйте вызвать компонент не кэшированным: [[!MinifyX? ...

Comments

[AlexCruel]

Спасибо. Это вопрос тем, кто делал ресурс. Но не ответ на мой вопрос.

[Алексей Голягин]

AlexCruel, Теперь ответ)

[AlexCruel]

Алексей Голягин, спасибо. Ответ ясен, все логично. Только "assets/css/style.css" содержит все стили как и минифицированный файл. В этом и загвоздка. Как сказал автор первого ответа (выше) - возможно используется модуль, который автоматизирует сжатие style.css в минифицированный, а MinifyX его подхватывает.

[Алексей Голягин]

AlexCruel, Вряд ли. В общем идете на сайт csscompressor.com кидаете туда сжатое содержимое и превращаете его не в жатое, и помещаете его в "assets/css/style.css" - тут будут не минифицированные стили (PS. Предварительно лучше сделать копию файла). Далее при помощи того же MinifyX сжимаете его при необходимости, примерно так:

[[MinifyX?
  &minifyCss=`1`
  &registerCss=`default`
  &cssSources=`assets/css/style.css`
]]