Обработка ваших файлов визуализации
На самом деле нет необходимости обрабатывать ваши файлы 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/