Vue プロジェクトは、コードの暗号化と難読化を実装するために webpack-obfuscator を設定します。

npm インストール --save-dev webpack-obfuscator

// webpack.config.js
JavaScriptObfuscator は、webpack-obfuscator を必要とします。
モジュール.エクスポート = {
 エントリー: {
 'abc': './test/input/index.js',
 'cde': './test/input/index1.js'
 },
 出力: {
 パス: 'dist',
 ファイル名: '[name].js'
 },
 プラグイン: [
 新しい JavaScriptObfuscator({
 Unicode配列を回転: true
 // 配列には除外する必要があるファイルが含まれています}, ['abc.js'])
 ]
};

// vue.config.js
定数パス = require('path');
var JavaScriptObfuscator = require('webpack-obfuscator');
モジュール.エクスポート = {
 パブリックパス: process.env.NODE_ENV === 'production' ? './' : '/',
 プロダクションソースマップ: false、
 Webpack を構成する: {
 プラグイン: [
 新しい JavaScriptObfuscator({
 文字列配列を回転: true、
 }, [])
 ]
 },
 pwa: {},
 ページ: {}
}

configureWebpack: (process.env.NODE_ENV === 'production') ? {
 プラグイン: [
 新しい JavaScriptObfuscator({
 // ...
 }, [])
 ]
 } : {},

npm 実行ビルド

//テスト
関数abc() {
 (i = 0; i < 10; i++ とします) {
 console.log(`${i}th, hello, hello`)
 }
}
ABC() 関数

webpackJsonp([2],{lVK7:function(o,l){!function(){for(var o=0;o<10;o++)console.log("The "+o+"th, hello, hello")}()}},["lVK7"]);

新しい JavaScriptObfuscator({
}, [])

var _0x1f6e=["个,你好,hello","lVK7","log"];!function(n,o){!function(o){for(;--o;)n.push(n.shift())}(++o)}(_0x1f6e,323);var _0x3655=function(n,o){return _0x1f6e[n-=0]};webpackJsonp([2],{lVK7:function(n,o){!function(){for(var n=0;n<10;n++)console[_0x3655("0x0")]("第"+n+_0x3655("0x1"))}()}},[_0x3655("0x2")]);

新しい JavaScriptObfuscator({
 // コードを圧縮 compact: true,
 // 制御フローの平坦化を有効にするかどうか（実行速度を 1.5 倍に減らす）
 コントロールフロー平坦化: true、
 // アプリケーション確率; 大規模なコード ベースでは、制御フロー遷移の数が多くなるとコードのサイズが増加し、コードの速度が低下する可能性があるため、この値を下げることをお勧めします。
 制御フロー平坦化しきい値: 1、
 // ランダムなデッドコードブロック（難読化されたコードのサイズが増加）
 デッドコードインジェクション: true、
 //デッドコードブロックの影響確率 deadCodeInjectionThreshold: 1,
 // このオプションにより、開発者ツールのコンソールタブの使用がほぼ不可能になります。debugProtection: true、
 // チェックすると、コンソール タブで間隔を置いたデバッグ モードが強制され、開発者ツールの他の機能の使用が困難になります。
 デバッグ保護間隔: true、
 // console.log、console.info、console.error、console.warn を空の関数に置き換えて無効にします。これにより、デバッガーの使用がより困難になります。
 コンソール出力を無効にする: true、
 // 識別子の難読化方法 16 進数 (16 進数) マングル化 (短い識別子)
 識別子名ジェネレータ: '16進数',
 ログ: 偽、
 // グローバル変数と関数名の混同を有効にするかどうか renameGlobals: false,
 // 配列を固定位置とランダム位置（コードが難読化されたときに生成される）に移動します。これにより、削除された文字列の順序を元の位置と一致させることが難しくなります。元のソース コードが小さくない場合は、ヘルパー関数が注目を集める可能性があるため、このオプションをお勧めします。
 文字列配列を回転: true、
 // コードが難読化された後は、コードの美化は使用できなくなるため、cpmpat:true を設定する必要があります。
 自己防衛: true、
 // 文字列リテラルを削除し、特別な配列に格納します stringArray: true,
 文字列配列エンコーディング: 'rc4',
 文字列配列しきい値: 1,
 // 文字列を Unicode エスケープ シーケンスに変換するかどうかを有効/無効にできます。 Unicode エスケープ シーケンスにより、コード サイズが大幅に増加し、文字列を元の状態に簡単に復元できるようになります。このオプションは、小さなソース コードの場合にのみ有効にすることをお勧めします。
 変換オブジェクトキー: true、
 ユニコードエスケープシーケンス: false
}, []),

var _0xa0d1=["w7Bzw6oKw6E=","wrwIUcOVw4M=","w4bChi3DtcOQ","wpLDtsK5w4LDpA==","OUlQwp1z","woEqw4XCtsOe","YR3DrkDCiA==","woAjwq/Ci8KQ","dDNzw5bDgA==",
// ...
("0x201","xatR")]=function(x){return x()},x[_0x34e6("0x202","vdcx")](_0x2c01f8)},4e3);

新しい JavaScriptObfuscator({
 // コードを圧縮 compact: true,
 // 制御フローの平坦化を有効にするかどうか（実行速度を 1.5 倍に減らす）
 コントロールフロー平坦化: true、
 // アプリケーション確率; 大規模なコード ベースでは、制御フロー遷移の数が多くなるとコードのサイズが増加し、コードの速度が低下する可能性があるため、この値を下げることをお勧めします。
 制御フロー平坦化しきい値: 0.75、
 // ランダムなデッドコードブロック（難読化されたコードのサイズが増加）
 デッドコードインジェクション: true、
 //デッドコードブロックの影響確率 deadCodeInjectionThreshold: 0.4,
 // このオプションにより、開発者ツールのコンソールタブの使用がほぼ不可能になります。debugProtection: false、
 // チェックすると、コンソール タブで間隔を置いたデバッグ モードが強制され、開発者ツールの他の機能の使用が困難になります。
 デバッグ保護間隔: false、
 // console.log、console.info、console.error、console.warn を空の関数に置き換えて無効にします。これにより、デバッガーの使用がより困難になります。
 コンソール出力を無効にする: true、
 // 識別子の難読化方法 16 進数 (16 進数) マングル化 (短い識別子)
 識別子名ジェネレータ: '16進数',
 ログ: 偽、
 // グローバル変数と関数名の混同を有効にするかどうか renameGlobals: false,
 // 配列を固定位置とランダム位置（コードが難読化されたときに生成される）に移動します。これにより、削除された文字列の順序を元の位置と一致させることが難しくなります。元のソース コードが小さくない場合は、ヘルパー関数が注目を集める可能性があるため、このオプションをお勧めします。
 文字列配列を回転: true、
 // コードが難読化された後は、コードの美化は使用できなくなるため、cpmpat:true を設定する必要があります。
 自己防衛: true、
 // 文字列リテラルを削除し、特別な配列に格納します stringArray: true,
 文字列配列エンコーディング: 'base64',
 文字列配列しきい値: 0.75、
 変換オブジェクトキー: true、
 // 文字列を Unicode エスケープ シーケンスに変換するかどうかを有効/無効にできます。 Unicode エスケープ シーケンスにより、コード サイズが大幅に増加し、文字列を元の状態に簡単に復元できるようになります。このオプションは、小さなソース コードの場合にのみ有効にすることをお勧めします。
 ユニコードエスケープシーケンス: false
}, []),

var _0x1a25=["UmFzT1U=","RkVIc0o=","VUt2eW4=","Q29IS0g=","V1NSZ0k=","d3RNT2w=","dlV6cUw=","RlpzZWg=","QnpzSlE=","cXBqQ1k=","YXBwbHk=","bFZLNw==","Y3p1Ymo=","TFZlQXE=","Y2NKWlY=","cmV0dXJuIChmdW5jdGlvbigpIA==",
// ...
(b[_0x4bcb("0x2a")]("第"+c,b[_0x4bcb("0x2b")]))}})}},[_0x4bcb("0x2f")]);

新しい JavaScriptObfuscator({
 // コードを圧縮 compact: true,
 // 制御フローの平坦化を有効にするかどうか（実行速度を 1.5 倍に減らす）
 コントロールフロー平坦化: false、
 // ランダムなデッドコードブロック（難読化されたコードのサイズが増加）
 デッドコードインジェクション: false、
 // このオプションにより、開発者ツールのコンソールタブの使用がほぼ不可能になります。debugProtection: false、
 // チェックすると、コンソール タブで間隔を置いたデバッグ モードが強制され、開発者ツールの他の機能の使用が困難になります。
 デバッグ保護間隔: false、
 // console.log、console.info、console.error、console.warn を空の関数に置き換えて無効にします。これにより、デバッガーの使用がより困難になります。
 コンソール出力を無効にする: true、
 // 識別子の難読化方法 16 進数 (16 進数) マングル化 (短い識別子)
 識別子名ジェネレータ: '16進数',
 ログ: 偽、
 // グローバル変数と関数名の混同を有効にするかどうか renameGlobals: false,
 // 配列を固定位置とランダム位置（コードが難読化されたときに生成される）に移動します。これにより、削除された文字列の順序を元の位置と一致させることが難しくなります。元のソース コードが小さくない場合は、ヘルパー関数が注目を集める可能性があるため、このオプションをお勧めします。
 文字列配列を回転: true、
 // コードが難読化された後は、コードの美化は使用できなくなるため、cpmpat:true を設定する必要があります。
 自己防衛: true、
 // 文字列リテラルを削除し、特別な配列に格納します stringArray: true,
 文字列配列エンコーディング: false、
 文字列配列しきい値: 0.75、
 // 文字列を Unicode エスケープ シーケンスに変換するかどうかを有効/無効にできます。 Unicode エスケープ シーケンスにより、コード サイズが大幅に増加し、文字列を元の状態に簡単に復元できるようになります。このオプションは、小さなソース コードの場合にのみ有効にすることをお勧めします。
 ユニコードエスケープシーケンス: false
}, []),

var _0x37a6=["exception","trace","console","个,你好,hello","lVK7","apply","re​​turn (function() ",'{}.constructor("return this")() ',"log","warn","debug","info","error"];!function(n,e){var o=function(e){for(;--e;)n.push(n.shift())};
// ...
[_0xe1fd("0x3")]("第"+n+_0xe1fd("0xb"))}()}},[_0xe1fd("0xc")]);