小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

Tailwind CSS version 4.2.0, released on February 18, 2026, includes a webpack plugin for streamlined integration and four new color palettes. It expands logical property utilities and improves...

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

InfoQ
InfoQ · 2026-04-08T14:48:00Z

Module Federation 2.0, an open-source micro-frontend mechanism introduced with webpack 5, offers significant updates including dynamic TypeScript type hints, decoupled runtime layers, and Node.js...

Module Federation 2.0 Reaches Stable Release with Wider Support outside of Webpack

InfoQ
InfoQ · 2026-04-03T10:12:00Z
Webpack发布2026年路线图,支持原生CSS、通用目标,并为版本6铺路

Webpack发布了2026年路线图,重点改善插件依赖和运行时兼容性,为webpack 6奠定基础。新特性包括原生CSS模块支持、内置TypeScript转译和HTML入口点集成,旨在提升性能和简化开发流程。

Webpack发布2026年路线图,支持原生CSS、通用目标,并为版本6铺路

InfoQ
InfoQ · 2026-03-11T16:30:00Z
前端邪修:不用Vite也不用Webpack,把React拖回HTML时代的反工程化实践 - 程序设计实验室

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

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

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

该项目通过webpack-bundle-analyzer插件分析打包情况,发现assets文件占67%,建议将大量svg迁移至CDN,并使用svg-sprite-loader优化svg配置,以减少打包时间和体积。经过多次尝试,确认某些插件对打包体积有影响。

前端优化—打包速度提升43.5%

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-11-20T10:25:04Z
Vite如何成为现代前端框架的支柱

Vite是Evan You创建的现代前端构建工具,因对Webpack的不满而诞生,利用ES模块实现快速开发。Vite 2.0于2021年发布,支持多种框架,成为开发者首选。You还创立了VoidZero,计划推出整合更多工具和AI功能的Vite+。

Vite如何成为现代前端框架的支柱

The New Stack
The New Stack · 2025-09-26T16:00:31Z

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

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

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-09-10T03:13:48Z
你以为你了解导入是如何工作的?让我们谈谈文件、图像和字体

Webpack不仅可以打包JavaScript,还能高效管理图像、字体等静态资源。通过直接导入,Webpack自动处理重命名、压缩和文件位置,提升项目的条理性。使用Webpack 5后,无需额外加载器,支持多种资源类型,增强项目效率和专业性。

你以为你了解导入是如何工作的?让我们谈谈文件、图像和字体

DEV Community
DEV Community · 2025-05-29T14:59:00Z
从零开始开发Chrome扩展:React开发者实用指南

本文介绍了如何使用React开发Chrome扩展,包括通过create-react-app创建项目、自定义Webpack配置、添加manifest.json和background.js文件以及设置构建脚本以生成Chrome扩展。

从零开始开发Chrome扩展:React开发者实用指南

DEV Community
DEV Community · 2025-05-21T05:19:38Z

本文介绍了如何在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
网页开发十大必问问题

跨域资源共享(CORS)是网页应用的安全特性,允许网站访问其他网站的数据。Webpack是模块打包工具,提升浏览器加载速度。Web存储包括本地存储和会话存储,用于在浏览器中存储数据。内容分发网络(CDN)通过全球服务器加速文件传输。CSS媒体查询增强网站响应性。Local storage可存储5MB数据,而cookies仅能存储4KB。Node.js中的事件循环管理网站任务。优化网页加载时间的方法包括压缩代码和使用CDN。长轮询是一种有效的浏览器与服务器通信技术。HTTP/2相较于HTTP 1.1提高了性能和加载速度。

网页开发十大必问问题

DEV Community
DEV Community · 2025-04-07T20:27:42Z
从零开始使用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
微前端架构:可扩展React应用的视觉指南

本文介绍了通过React实现的微前端架构,包括架构图、模块联邦、Vite和Webpack的设置,强调了其在性能、可维护性和跨团队协作方面的优势。

微前端架构:可扩展React应用的视觉指南

DEV Community
DEV Community · 2025-03-19T13:05:15Z
一个简单的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
作为网页开发者,为什么要使用模块打包器

模块打包器将多个JavaScript模块处理并合并为优化包,以提升网页应用的性能和可维护性。常见的打包器包括Webpack、Parcel、Rollup和Vite,各具特点,适用于不同的开发需求。选择合适的打包器能显著提高开发效率。

作为网页开发者,为什么要使用模块打包器

DEV Community
DEV Community · 2025-02-26T02:47:16Z

本文探讨了将Webpack项目迁移至Vite的方法,强调Vite的快速开发体验和现代特性。迁移后,构建时间从120秒缩短至1.5秒,效率提升98%。文章结合黄金圆环法则,分析迁移动机、方法及具体操作,旨在帮助开发者优化前端项目,提高工作效率。

【黄金圆环】在研发领域的实践分享

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-02-18T06:37:19Z

本文探讨了将Webpack项目迁移至Vite的方法,强调Vite的快速开发体验和现代特性。迁移后,构建时间从120秒缩短至1.5秒,效率提升98%。文章结合黄金圆环法则,分析迁移的动机、方法及具体操作,旨在帮助开发者优化前端项目,提高工作效率。

【黄金圆环】在研发领域的实践分享

京东科技开发者
京东科技开发者 · 2025-02-18T06:19:55Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

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

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码