小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
沉浸式翻译 immersive translate
前端邪修:不用Vite也不用Webpack,把React拖回HTML时代的反工程化实践 - 程序设计实验室

作者分享了“前端邪修”的开发实践,通过简单的HTML引入React,避免复杂工具链,降低心智负担。使用gulp和babel处理JSX,构建轻量级应用,适合简单交互需求,强调在需求简单时可拆解工程化。

前端邪修:不用Vite也不用Webpack,把React拖回HTML时代的反工程化实践 - 程序设计实验室

程序设计实验室
程序设计实验室 · 2026-01-22T03:22:00Z

Webpack是一种JavaScript打包工具,可以将多个模块合并为一个文件。使用时需注意生成的.map文件可能泄露源代码和敏感信息,需谨慎处理以避免安全风险。可以通过工具或手动分析提取接口和敏感信息。

webpack打包站点,js文件名批量获取思路

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-09-10T03:13:48Z

本文介绍了如何在Node.js环境中复用Webpack打包的代码,特别是针对前端逆向工程的需求。通过创建测试用例、配置Webpack、打包生成可在浏览器中运行的代码,并利用调试工具理解Webpack的流程,实现从浏览器到Node.js环境的代码迁移与复用。

WEB前端逆向在nodejs环境中复用webpack代码

绿盟科技技术博客
绿盟科技技术博客 · 2025-05-13T10:04:12Z
在Webpack和Babel创建的React项目中设置ESLint和Prettier(续)

本文介绍了如何在Webpack和Babel创建的React项目中添加ESLint和Prettier,ESLint用于代码检查以确保质量,Prettier用于格式化以保持一致性。文章详细说明了安装和配置的步骤,以及如何在VSCode中实现自动化。

在Webpack和Babel创建的React项目中设置ESLint和Prettier(续)

DEV Community
DEV Community · 2025-04-14T14:33:49Z
什么是 Webpack?

Webpack 是一个工具,用于将 JavaScript、CSS 和图片等资源打包成优化文件,从而提高网站加载速度和运行效率。它解决了文件加载缓慢、依赖管理混乱和代码臃肿的问题,支持现代 JavaScript 和 CSS 预处理器,简化前端开发流程。

什么是 Webpack?

DEV Community
DEV Community · 2025-04-11T15:09:30Z
从零开始使用Webpack和Babel配置React

本文介绍了从零开始配置React项目的步骤,包括项目初始化、基本React组件设置、Webpack和Babel配置、CSS支持及资产处理,最终实现一个完整的React应用。

从零开始使用Webpack和Babel配置React

DEV Community
DEV Community · 2025-03-31T19:49:07Z
什么是Webpack?

Webpack是一个开源的JavaScript模块打包工具,支持前端资源如HTML、CSS和图像。它生成依赖图,帮助开发者模块化开发应用,支持命令行和webpack.config.js配置,以及动态代码分割。

什么是Webpack?

DEV Community
DEV Community · 2025-03-22T08:27:40Z
一个简单的Webpack设置,使用Bootstrap和Vue.js

本文介绍了轻量级的Node.js版本管理工具FNM(Fast Node Manager),并分享了Webpack构建框架的配置,支持Vue.js和现代浏览器。作者提供了GitHub链接,鼓励读者使用和修改该项目。

一个简单的Webpack设置,使用Bootstrap和Vue.js

DEV Community
DEV Community · 2025-02-28T13:44:21Z
构建Chrome扩展:TypeScript、Webpack与最佳实践

作为TypeScript开发者,我们将构建一个Meme Roulette Chrome扩展,从Imgur获取随机图片。项目包括设置结构、配置TypeScript和Webpack、定义类型、编写后台脚本和用户界面,并通过Chrome消息系统进行通信,以确保代码的可维护性和类型安全。最后,构建并加载扩展,提升开发体验。

构建Chrome扩展:TypeScript、Webpack与最佳实践

DEV Community
DEV Community · 2025-02-13T00:49:46Z
哪个JavaScript打包工具适合你?深入探讨Webpack、Vite及其他工具

Webpack和Vite是网页开发中的主要打包工具。Webpack灵活但配置复杂,适合大型项目;Vite注重速度,易于上手,适合小型项目。其他工具如Rollup和esbuild也有各自优势,选择应依据项目需求。

哪个JavaScript打包工具适合你?深入探讨Webpack、Vite及其他工具

DEV Community
DEV Community · 2025-01-31T16:49:55Z
Vite与Webpack:JavaScript打包工具的对决

Vite和Webpack都是JavaScript模块打包工具。Vite具有快速的开发服务器和较短的构建时间,适合现代网页应用;而Webpack适合复杂项目,但配置较为繁琐。Vite支持静态网站和服务器端渲染,对TypeScript支持良好。总体而言,Vite更轻便、快速,适合开发者使用。

Vite与Webpack:JavaScript打包工具的对决

DEV Community
DEV Community · 2025-01-10T19:40:50Z

本文探讨了通过逆向工程获取加密函数及其依赖的方法。首先定位加密函数,发现其使用类似AES的加密方式。通过调试和加载器,提取所需模块并替换为JSON对象,最终成功调用加密函数并验证结果,展示了高效的模块提取和依赖处理技术。

webpack逆向——AES

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-01-09T04:04:49Z
在Webpack中配置Jest和React Testing Library

本文介绍了在Webpack项目中配置Jest和React Testing Library的步骤,包括安装依赖、配置Babel、创建Jest配置文件、处理CSS模块、编写测试文件、更新package.json脚本和运行测试,最后提到如何生成代码覆盖率报告。

在Webpack中配置Jest和React Testing Library

DEV Community
DEV Community · 2025-01-04T09:59:40Z

本文讨论了Webpack的安全漏洞,强调其在现代前端开发中的重要性。介绍了使用Packer Fuzzer工具进行网站检测,提取API和参数,并检测多种漏洞。最后提醒读者注意敏感信息泄露和合法性问题。

实战攻防 | 针对JS路径的泄露和Webpack漏洞的初探

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2024-12-20T05:07:19Z
Webpack在现代JavaScript开发中的作用

Webpack是现代JavaScript开发中重要的模块打包工具,能够优化代码和资源,提升性能。它支持模块打包、加载器、插件、代码分割和热模块替换,确保浏览器兼容性,增强开发体验。尽管有其他工具,Webpack仍是复杂项目的首选。

Webpack在现代JavaScript开发中的作用

DEV Community
DEV Community · 2024-12-01T08:10:26Z
使用React的手动设置(自定义Webpack/Babel配置)(我无法运行它)

本文讨论了一个使用React和Redux构建的前端项目,包含项目的package.json和webpack配置文件。作者在运行项目时遇到多个错误,希望获得帮助解决这些问题。

使用React的手动设置(自定义Webpack/Babel配置)(我无法运行它)

DEV Community
DEV Community · 2024-12-01T05:47:38Z
如何从壳应用加载微前端模块(使用 Angular + Webpack + 模块联邦)?

文章讨论了如何在壳应用中加载微前端(MFE)远程模块,作者遇到模块未显示的无限循环问题,并提供了Angular、Webpack和模块联邦的配置示例,寻求解决方案和建议。

如何从壳应用加载微前端模块(使用 Angular + Webpack + 模块联邦)?

DEV Community
DEV Community · 2024-11-30T21:09:05Z
vue webpack 编译混淆代码,你发布的程序可能完全暴露了。

使用vue build后,浏览器的sources中会显示完整的vue目录和原始代码。通过配置vue.config.js和安装webpack-obfuscator,可以实现代码混淆,保护代码隐私。

vue webpack 编译混淆代码,你发布的程序可能完全暴露了。

老胡的博客
老胡的博客 · 2024-11-25T03:18:07Z

本文介绍了Alpine.js,一个适合中小型项目的轻量级JavaScript框架。与Vue.js和React相比,Alpine.js更简洁,易于集成,无需复杂的构建工具。开发者可以通过在HTML中嵌入指令快速实现动态交互。文章以LiveChat项目为例,展示了Alpine.js在文本和语音聊天开发中的应用。

返璞归真!使用 alpinejs 开发交互式 web 应用,抛弃 node_modules 和 webpack 吧! - 程序设计实验室

程序设计实验室
程序设计实验室 · 2024-11-21T14:06:00Z
错误:无法找到模块 'webpack-cli/bin/config-yargs'

遇到“无法找到模块 'webpack-cli/bin/config-yargs'”错误时,可以将 package.json 中的 'start' 命令从 'webpack-dev-server' 修改为 'webpack serve'。

错误:无法找到模块 'webpack-cli/bin/config-yargs'

DEV Community
DEV Community · 2024-11-19T05:55:45Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码