使用 laravel mix 混淆代码答案

【问题标题】：obfuscate code with laravel mix使用 laravel mix 混淆代码
【发布时间】：2018-03-04 04:29:41
【问题描述】：

我有一个带有 laravel 和 vuejs 的网络应用程序。我使用 laravel-mix，在我的 webpack.mix.js 中有：

const { mix } = require('laravel-mix');
mix.sourceMaps();
mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

现在我会混淆代码，所以我的所有组件，我如何使用 laravel-mix 做到这一点？

【问题讨论】：

标签： vue.js uglifyjs laravel-mix

【解决方案1】：

npm run dev 不会丑化/缩小你的代码，但npm run production 会。

如果你想使用 uglify...

laravel mix 只是 webpack 的一个包装器。所以你可以在这里安装 UglifyWepackPlugin https://webpack.js.org/plugins/uglifyjs-webpack-plugin/

之后，您可以编辑您的 mix.webpackConfig 以使用该插件，详见此处：https://laravel.com/docs/5.5/mix#custom-webpack-configuration

【讨论】：

for minify ok，但是 npm run production 我可以在 app.js 中看到我的函数名称清晰，所以我会更准确地混淆我的代码。我编辑我的问题。
github.com/javascript-obfuscator/javascript-obfuscator 使用这个，这个插件很好用

【解决方案2】：

安装https://github.com/javascript-obfuscator/javascript-obfuscator 和https://github.com/javascript-obfuscator/webpack-obfuscator。之后，您需要在 webpack 配置中包含 de 插件，您可以在 webpack.mix.js 文件中添加下一个代码。

let mix = require('laravel-mix');
let JavaScriptObfuscator = require('webpack-obfuscator');

mix.webpackConfig({
    plugins: [
        new JavaScriptObfuscator ({
            rotateUnicodeArray: true
        }, ['excluded_bundle_name.js'])
    ],
});

mix.js('resources/assets/js/app.js', 'public/js');

之后你所有的 js 文件都会被混淆。

【讨论】：