vite加密打包插件(vite-plugin-javascript-obfuscator)选项(option)详解

最新推荐文章于 2024-06-14 17:07:43 发布
最新推荐文章于 2024-06-14 17:07:43 发布
阅读量475 收藏 2
点赞数 2
分类专栏： Vue3高级应用 文章标签： javascript vue.js 前端框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aahwj/article/details/138234660
版权

在这里插入图片描述

本文主要介绍vite加密打包插件(vite-plugin-javascript-obfuscator)选项(option)。

目录

下面是vite加密打包插件(vite-plugin-javascript-obfuscator)选项(option)详解。

一、选项(option)

1. compact

启用代码压缩。这将移除代码中的空白字符、注释和其他不必要的元素，使代码更紧凑。默认为 true。

2. config

包含混淆器选项的JS/JSON配置文件的名称。这些将被直接传递给CLI的选项覆盖。默认为' '空字符串。

3. controlFlowFlattening

启用代码控制流扁平化。控制流扁平化是阻碍程序理解的源代码结构转换。这将尝试将代码中的控制流结构（如 if 语句、for 循环等）展平为更简单的结构，使代码更难以理解。默认为 false。
注意：该选项极大地影响了性能，运行速度降低了1.5倍。
使用controlFlowFlatteningThreshold设置将控制流扁平化影响的节点百分比。

4. controlFlowFlatteningThreshold

了解本专栏 订阅专栏 解锁全文 超级会员免费看
专业研究祖传Bug编写术
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
订阅专栏
parcel-plugin-obfuscate:使用javascript-obfuscator混淆入口文件的包裹插件
05-07
包裹插件混淆 此插件可让您使用对输入的javascript文件进行。 入门 开始使用您最喜欢的软件包管理器。 用纱安装 纱线添加-D包裹插件模糊处理 使用npm安装 npm install -D parcel-plugin-混淆 在生产模式下运行宗地以混淆代码 使用纱线 纱线交叉环境NODE_ENV =生产包裹构建./index.js 使用npm npx cross-env NODE_ENV =生产包裹构建./index.js 这将运行cross-env，它将NODE_ENV设置为production ，这会在包裹中启用此插件，并在以后混淆编译后的代码。 例子 由此： // original class Something { constructor(){ this.type = "js"; } } 对此： // obfuscated var _0
vue打包js文件混淆加密保护
大英雄不该去雪山打滚
11-22 1万+
需求 部署到服务器上的vue项目在网页F12之后能看到源码，vue文件啦，js文件啦，都能看到，连我的注释都能看到，这能随便给别人看？ 环境 vue 3 vue cli 4 webpack 4 解决方案 方案一 工具：“uglifyjs-webpack-plugin”: “^2.2.0” 使用： const UglifyJsPlugin = require('uglifyjs-webpack-plugin') ... module.exports = { configureWebpack: {
vue3+vite项目打包文件混淆加密
宇叔儿
05-23 900
给JS文件进行混淆加密的主要原因是为了增加代码的安全性并保护知识产权。具体来说，混淆加密技术通过改变JS代码的语法形式、增加多余的代码结构、添加无用的标识符、重命名变量等方式，使代码变得混乱无序，难以被理解和分析。这种处理可以有效地防止黑客攻击和非法访问，因为混淆加密后的代码使得攻击者难以阅读和理解代码的逻辑和结构，从而增加了破解代码的难度。同时，混淆加密还可以防止其他人轻易窃取和复制这些代码，从而保护软件开发者和企业的知识产权，防止他们的代码被恶意篡改、复制或盗用。
vue项目配置 webpack-obfuscator 进行代码加密混淆
chinaherolts2008的博客
02-25 2999
背景 公司代码提供给第三方使用，为了不完全泄露源码，需要对给出的代码进行加密混淆，前端代码虽然无法做到完全加密混淆，但是通过使用 webpack-obfuscator 通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆，达到无法恢复源码甚至无法阅读的目的。 安装 webpack-obfuscator https://www.npmjs.com/package/webpack-obfuscator npm install --save-dev webpack-obfuscator 配置 // w
Vite实现JS混淆加密
最新发布
yuezz的博客
06-14 248
本人工作需要整一下js加密。但是现有的vite插件都不好使，于是自己封了一个插件，亲测好用，已经在生产环境跑了。
混淆工具javascript-obfuscator使用简介
热门推荐
楚游香的博客
11-29 2万+
javascript-obfuscator是一个免费的JavaScript代码混淆工具，它功能强大，可以把你的源代码变得“面目全非”，完全没有可读性。还具有部分防调试功能，给JavaSc...
vue3+typescript+vite项目初始化
rentoumuzi的博客
03-08 4855
一、新建vite项目 二、使项目支持@根目录 三、代理后端请求 四、element-plus前端框架 (1) 安装element-plus (2) 将element-plus默认语言调整为中文 五、封装axios请求和接口 六、安装vue-router 七、安装pinia (替代Vuex) 八、安装mock.js 九、浏览器兼容 十、代码混淆...
Vite4 + Vue3 实现代码打包后加密
qq_42135780的博客
05-12 3920
配置文件 打包看看效果
vite下javascript-obfuscator 代码混淆
11-24 2891
关于 rollup-plugin-obfuscator 插件的配置选项列表，每个选项都用于定制代码混淆和压缩的方式。在vite.config.ts中引入插件，并进行设置。1.高混淆，低性能。性能会比没有混淆的时候慢很多。2.中等混淆，最佳性能。性能会比没有混淆时慢。3.低混淆、高性能。表现会处于比较正常的水平。项目环境：Vue3+Vite。4.默认预设，高性能。
混淆工具JavaScript obfuscator中文帮助文档
aqi22221的博客
05-19 1万+
JavaScript obfuscator JavaScript Obfuscator是一个免费并且功能强大的JavaScript混淆器，其中包含多种功能，可为您的源代码提供保护。 主要特征 变量重命名 字符串提取和加密 废代码注入 平展控制流 各种代码转换 插件 Webpack plugin:webpack-obfuscator Webpack loader:obfuscator-loader Gulp:gulp-javascript-obfuscator Grunt...
vue3+vite 代码混淆插件
Yujis的博客
02-10 4389
代码混淆插件
vite-plugin-ssr-ssg:适用于SSR和SSG的Vite插件
03-25
vite-plugin-ssr-ssg 适用于跨框架SSR和SSG的Vite插件 :sparkles: 特征 声明式入口点 适用于跨框架的简单命令 方便的设置脚本 自动页面生成 在SSR和CSR中预览 :dizzy: 快速开始 在您的项目中 yarn add -D vite-...
vite-plugin-mpa:MPA（多页应用程序）
04-08
Vite-plugin-mpa 开箱即用的多页面应用程序，用于Vite，支持Vue2 / 3，React等动机访问本机支持多页，但必须配置rollupOptions.input 在访问开发人员时，必须为$projectRoot/src/pages/index/xxx.html打开localhost:...
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
vite-plugin-md：针对Vite的Markdown
02-04
vite-plugin-md 降价促销 将Markdown用作Vue组件 在Markdown中使用Vue组件 :information: Vite 2为0.2.x，Vite 1为0.1.x 安装 安装 npm i vite-plugin-md -D # yarn add vite-plugin-md -D 将其添加到vite.config...
Vue3+Vite开发的项目进行加密打包
一起学习
04-27 648
本文主要介绍Vue3+Vite开发的项目如何进行加密打包。
Vite项目推荐使用的几个插件——开发神器
z止于至善的博客
03-16 2119
Vite可以使用插件进行扩展，这得益于Rollup优秀的插件接口设计和一部分Vite独有的额外选项。在开发中，有下面几个插件帮助，无异于锦上添花，不失为日常开发中的神器。
记录VITE Vue3开发需要的一些常用插件
qq_39907410的博客
04-12 623
下面是npm命令，但是有些库npm在国内安装会报错，建议换yarn。暂时就这么多吧，欢迎补充，如果不对的地方欢迎大佬指点。以下是vite.config.ts 文件详情。废话不多说，直接开始。
vue3+vite+ts 使用rollup-plugin-javascript-obfuscator js混淆后项目样式丢失怎么解决
07-08
在使用 Vue 3 + Vite + TypeScript 进行开发时如果你使用了 `rollup-plugin-javascript-obator` 进行 JavaScript 代码淆，可能会导致项目样式丢失。这是因为该插件修改 JavaScript 代码，可能会影响到与式相关的部分。 为了解决这问题，你可以尝试以下几个方法： 1. 确保配置正确：检查一下你的混淆插件的配置是否正确设置。确保不会混淆与样式相关的部分，例如 CSS 文件或样式相关的 JavaScript 代码。 2. 排除样式文件：在混淆插件的配置中，尝试将样式文件或样式相关的 JavaScript 代码排除在混淆范围之外。这可以通过插提供的选项或正则表达式来实现。 3. 使用其他混淆工具：如果上述方法无效，你可以尝试使用其他 JavaScript 混淆工具，看是否能够解决该问题。有一些其他的混淆工具可能会对样式文件有更好的处理方式。 4. 分离样式和脚本：考虑将样式和脚本分离，在混淆脚本之前先加载样式文件。这样可以确保样式文件不会被混淆，从而避免样式丢失的问题。 总之，解决这个问题的关键是找到一种方法，确保混淆插件不会对与样式相关的部分产生影响。通过正确配置插件或尝试其他混淆工具，你应该能够解决样式丢失的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

专业研究祖传Bug编写术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值