https://dimasmaulana.pages.dev/tags/vite/ Dimas Maulana Website Hugo 0.150.0 & FixIt v0.4.3-20260130042349-e23a50d7 en Thu, 25 May 2023 05:26:00 +0700 https://dimasmaulana.pages.dev/posts/productivity/removing-all-comments-including-legal-ones-on-vite-build/ Thu, 25 May 2023 05:26:00 +0700 https://dimasmaulana.pages.dev/posts/productivity/removing-all-comments-including-legal-ones-on-vite-build/ Productivity <p>In software development, comments serve as a valuable tool for code documentation, explanations, and annotations. However, there are situations where it may be necessary or desirable to remove all comments, including legal ones, from your Vite builds. In this article, we will explore how to achieve this by utilizing the legalComments option in Vite&rsquo;s esbuild configuration.</p> <h2 class="heading-element" id="understanding-the-legalcomments-option"><span>Understanding the <code>legalComments</code> Option</span> <a href="#understanding-the-legalcomments-option" class="heading-mark"> <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg> </a> </h2><p>Vite, a fast and efficient web development build tool, incorporates the esbuild plugin to optimize JavaScript and TypeScript code. One of the available options for esbuild is <code>legalComments</code>, which allows developers to control the inclusion of legal comments in the final build output.</p> https://dimasmaulana.pages.dev/posts/development/how-to-enable-obfuscation-on-vite-build-with-http-headers/ Thu, 25 May 2023 05:13:00 +0700 https://dimasmaulana.pages.dev/posts/development/how-to-enable-obfuscation-on-vite-build-with-http-headers/ Development <p>Obfuscation is a technique used to obscure code and make it harder for others to understand or reverse-engineer. If you&rsquo;re using Vite as your build tool for a JavaScript project and want to enable obfuscation, this article will guide you through the process. Additionally, we&rsquo;ll explore how to enhance the security of your obfuscated code by configuring HTTP headers appropriately.</p> <h3 class="heading-element" id="step-1-install-required-packages"><span>Step 1: Install Required Packages</span> <a href="#step-1-install-required-packages" class="heading-mark"> <svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg> </a> </h3><p>Step 1: Install Required Packages Start by navigating to your project directory and opening the terminal. Then, run the following command to install the required dev dependencies:</p>