混浊代码与拉拉混合

Question

我有一个有拉拉和vuejs的网络应用程序。我用的是laravel，在我的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');

现在我会混淆代码，所以我的所有组件，我怎么能做到这与拉拉-混合？

Answer 1

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

如果你想用丑陋..。

“拉拉混合”只是webpack的包装。所以您可以在这里安装UglifyWepackPlugin https://webpack.js.org/plugins/uglifyjs-webpack-plugin/

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

Answer 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文件都会被混淆。