Vue3 + Vite + Javascript ObfuscatorでHelloWorldする方法

Ⅰ. はじめに

タイトルの通り「Vue3 + Vite + Javascript ObfuscatorでHelloWorldする方法」です。

Ⅱ. 手順

1. プロジェクトを新規作成する

npm init vue@latest

2. パッケージをインストールする

npm install
npm install -D rollup-obfuscator javascript-obfuscator

3. vite.config.tsを編集する

import { obfuscator } from 'rollup-obfuscator'

export default defineConfig({
  plugins: [
    vue(),
    obfuscator({
      stringArray: true,
      stringArrayEncoding: [ 'rc4' ],
      stringArrayThreshold: 1,
      transformObjectKeys: true,
      // debugProtection: true,
      // domainLock: [ '.example.com' ],
      // renameProperties: true // プロパティ名を変更する。利用は留意する必要がある
    })
  ]
})

4. ビルドする

npm run build

実行結果

参考

https://github.com/ghostdevv/rollup-obfuscator