Обработка ваших файлов визуализации

На самом деле нет необходимости обрабатывать ваши файлы HTML, CSS и Javascript за вашими визуализациями перед их загрузкой в ​​​​Интернет.

Однако в этом есть свои преимущества. Довольно много вариантов использования, но некоторые из них -

  • Вы хотите, чтобы страницы загружались быстрее — этого можно добиться, минимизировав файлы.
  • Вы бы предпочли, чтобы ваш код не был легко прочитан другими — этого можно добиться, украсив файлы (но обратите внимание, что это легко исправить, украсив файлы)
  • Возможно, вы используете CSS не напрямую, а через язык расширения, такой как Sass, и вам нужен простой способ компиляции Sass в CSS.
  • Возможно, вы захотите написать код в последней версии Javascript, но хотите, чтобы ваши файлы Javascript были обратно совместимыми, и вам нужен простой способ использования Babel для компиляции вашего кода Javascript для обеспечения обратной совместимости.

Одним из часто используемых инструментов является Webpack. Он с открытым исходным кодом и довольно прост в использовании, но имеет немного более крутую (хотя и не такую ​​крутую кривую обучения).

Лично я предпочитаю CodeKit. Это приложение, которое может помочь с обработкой файлов и многим другим. Вы можете узнать об этом на его веб-сайте, но для целей этого поста я просто кратко расскажу, как использовать его для создания простого набора файлов HTML + Javascript.

Во-первых, предположим, что у меня есть папка с моим index.html, файлом Javascript и библиотеками.

Мы перетаскиваем все это во вновь созданную папку «исходник» и создаем папку «сборка» на том же уровне.

Откройте кодкит. Перейдите в строку меню и выберите — Задачи › Применить лучшие значения по умолчанию для использования папок сборки.

Теперь перетащите всю папку (ту, которая содержит папки «исходник» и «сборка») в CodeKit.

Перейдите к параметрам (со значком шестеренки) и выберите «Этот проект использует папку сборки».

Теперь вернитесь к своим файлам. В правой нижней части самой правой панели вы увидите панель с кнопкой «Создать проект». Нажмите на нее. Практически мгновенно в папке build будет создан новый набор файлов.

Взгляните на файлы Javascript в папке «build». Вы увидите, что все они были уменьшены и искажены, и их практически невозможно прочитать!

playgrd.com || facebook.com/playgrdstar || instagram.com/playgrdstar/