Как я могу скрыть код Vue в проекте, отличном от SPA Django и Vue?

Question

Я работаю над Django веб-приложением и использовал Vue компонентов внутри него. Все в порядке, но меня беспокоит только то, что я не хочу, чтобы исходный код был виден в производственной среде.

Я не хочу go по полному маршруту SPA, так как это займет много время и усилия. Могу ли я сделать код менее читабельным?

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

Пожалуйста, помогите мне здесь !!

Заранее спасибо

Answer 1

В дополнение к предложению procoib о минификации как концепции вы, вероятно, обнаружите, что хотите объединить эти многочисленные вызовы CDN и свой собственный Javascript код в один или два файла, как только вы попадете в производство. Что-то вроде Webpack позволит вам настроить согласованную процедуру для объединения ваших файлов и их минимизации. Это также позволяет вам включать такие вещи, как Babel , чтобы писать более удобочитаемые и поддерживаемые Javascript.

Answer 2

Как и весь его код на стороне клиента, за исключением, возможно, вашего all_timesheet_ json, он может поступать из конечной точки с соответствующими разрешениями, но вы можете использовать инструмент, который «минимизирует» ваш JavaScript:

https://javascript-minifier.com/

Это затруднит чтение кода, но уменьшит размер файла. Единственным недостатком является то, что будет сложнее вносить изменения в ваш код, вам придется сделать еще одну копию как «разрабатываемую» версию, а минифицированную как «производственную» версию.