Javascript минимизировать или скрыть код до того, как браузер загрузит JS

Мне нужно решение для обфускации или минимизации моего кода javascript до того, как клиент загрузит какой-либо из моих важных файлов javascript. Мне нужно, чтобы в моем коде были все комментарии для будущей разработки, но я загружал уменьшенную или обфусцированную версию для моих пользователей.

Причина, по которой я хочу это сделать, заключается в том, что мой код сильно прокомментирован. Мне нужны мои комментарии для будущих обновлений, но я не хочу, чтобы посторонние глаза читали мои комментарии, потому что это вызывает проблемы. Спасибо!

вы имеете в виду во время выполнения? почему бы вам не уменьшить файлы перед развертыванием.

Shivaji Varma 18.05.2018 08:27

Обычная практика - сохранить простую версию вашего кода для разработки, а также создать миниатюрную версию, которая будет отображаться в браузере. Gulp поможет вам в этом.

Jeremy Thille 18.05.2018 09:13

Возможный дубликат Как я могу скрыть (защитить) JavaScript?

Jeremy Thille 18.05.2018 09:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
3
717
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я рекомендую Хрюканье для минификации и объединения файлов JS (и других типов).

Подробная информация о том, как интегрировать минификацию с помощью хрюкать-вкладывать-уродовать.

Если вы также хотите объединить ваши файлы в один файл, отметьте grunt-contrib-concat.

Чтобы ускорить разработку, вы также должны использовать хрюкать-вклад-смотреть, который позволяет вам отслеживать изменения в ваших файлах и запускать определенные задачи.

Базовая настройка для минификации:

grunt.initConfig({
    uglify: {
        my_target: {
            files: {
                'dest/output.min.js': ['src/input1.js', 'src/input2.js']
            }
        }
    }
});

Также ознакомьтесь с примером Грунт-файл, в котором вы должны определить все свои задачи.

Спасибо, Каталин! Я собираюсь сейчас просмотреть документацию. Будет ли grunt автоматически обновлять выходной файл каждый раз, когда я добавляю дополнения в свой код?

Logical Nonsense 18.05.2018 08:47

@LogicalNonsense, да. Вы можете использовать grunt-contrib-watch. Я обновил свой ответ.

Catalin MUNTEANU 18.05.2018 09:03

Грунт волосатый. Посмотрите на Gulp, гораздо проще настроить и использовать.

Jeremy Thille 18.05.2018 09:13

Спасибо Джереми, я тоже посмотрю на gulp.

Logical Nonsense 18.05.2018 09:22

Другие вопросы по теме