webPack 第2页

vue 配置vue.config.js 优化

module.exports={configureWebpack:{optimization:{minimize:true,//确保启用了压缩minimizer:[newTerserPlugin({terserOptions

鸿是江边鸟，曾是心上人·2025-02-14 17:59

工作流程设计 php,php工程狮感知的前端工作流程

三符·2025-02-14 04:21

vite.config.js 的一些常用配置你知道吗

前言当我们进行前端开发项目的时候都需要一些构建工具，像Webpack、Rollup、Snowpack、Vite等构建工具，而在Vue3的官方文档中的创建应用例子使用了Vite，那么问题来了，为什么在Vue3

子伟-H5·2025-02-14 03:58

你对 Vue 项目进行哪些优化？

•v-for遍历必须为item添加key，且避免同时使用v-if•长列表性能优化•事件的销毁•图片资源懒加载•路由懒加载•第三方插件的按需引入•优化无限列表性能•服务端渲染SSRor预渲染第二个方面：Webpack

LuckXinXin·2025-02-14 02:52

告别繁琐的路径配置：带你写一个让 Monorepo 项目模块导入更优雅的 Webpack 插件

目录手把手带你写一个Webpack提效插件前言为什么要写这个插件?Webpack插件是什么?

真的很上进·2025-02-13 23:31

webpack配置之---output.chunkLoadTimeout

output.chunkLoadTimeoutoutput.chunkLoadTimeout是Webpack配置中的一个选项，用于设置在加载异步chunk（代码块）时，超时等待的时间（以毫秒为单位）。

LLLuckyGirl~·2025-02-13 03:37

【逆向篇】web逆向扣取webPack结果过程问题处理

web逆向扣取webPack结果过程问题处理问题1：ReferenceError:documentisnotdefined问题2：ReferenceError:storageisnotdefined问题

去你的鸟命·2025-02-13 02:00

webpack配置之---output.path

output.pathwebpack.output.path是Webpack配置中的一个重要选项，用于指定构建输出的目标文件夹路径。

LLLuckyGirl~·2025-02-13 02:59

如何使用 webpack 来优化前端性能的？

Webpack是一个强大的现代JavaScript应用程序的模块打包工具。它不仅可以将JavaScript文件打包，还可以处理CSS、图片等资源。通过合理配置Webpack，可以显著优化前端性能。

祈澈菇凉·2025-02-13 00:13

webpack学习：配置es6+，react，typescript，eslint

本文内容如下配置es6+，react，typescript，eslint如果你都有了答案，可以忽略本文章，或去webpack学习导图寻找更多答案配置打包ES6+部分浏览器只认识es5的语法，如果要使用es6

大神乔伊·2025-02-12 23:11

2025 年前端开发现状分析：卷疯了还是卷麻了？

你被迫熟练掌握了Webpack、Vite、Rollup、esbuild，却仍然搞不清楚它们之间到底有什么

ConstMAO·2025-02-12 11:46

webpack+react多页面架构

webpack在单页面打包上应用广泛，以create-react-app为首的脚手架众多，单页面打包通常指的是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口

Leinov·2025-02-11 13:37

React Redux Webpack 项目实战指南

ReactReduxWebpack项目实战指南react-latest-framework项目地址:https://gitcode.com/gh_mirrors/rea/react-redux-webpack

裘羿洲·2025-02-11 13:03

Vite：下一代前端开发工具的崛起

传统的构建工具如Webpack虽然功能强大，但在项目启动和热更新方面的表现却常常不尽人意。为了应对这些问题，Vue.js作者尤雨溪推出了新一代前端构建工具Vi

布兰妮甜·2025-02-11 11:15

webpack配置之---output.publicPath

output.publicPathwebpack.output.publicPath是Webpack配置中的一个重要选项，用于指定打包后资源（如图片、字体、JavaScript等文件）在浏览器中的公共访问路径

LLLuckyGirl~·2025-02-11 10:39

webpack配置之---output.chunkFilename

output.chunkFilenameoutput.chunkFilename是Webpack中用来配置异步代码块（动态导入、懒加载等）文件名的选项。

LLLuckyGirl~·2025-02-11 08:59

CSS，JS代码压缩，CDN托管，图片整合。

CSS，JS代码压缩：webpack的UglifyJsPlugin压缩插件gulp的gulp-uglify,gulp-minify-css模块完成CDN：CDN的全称是ContentDeliveryNetwork

cherryfoxmeng·2025-02-11 01:32

使用免费的 Cloudflare Workers 搭建 Serverless 站点计数服务

该项目技术栈：TypescriptCloudflareWranglerWorktop(封装Worker的常用方法和支持Router)Webpack目前只有Serverless的实现，还没有SDK，但可以封装

Willin 老王躺平不摆烂·2025-02-10 20:53

Webpack 5 release版官方文档全文翻译

Webpack5发行版(2020-10-10)webpack4在2018年二月份发行。在那以后我们封装了一些列特性，但是并没有引入破坏性的变化。

广兰路地铁·2025-02-09 23:55

webpack配置之---output.filename

output.filename在Webpack中，output.filename配置项用来指定打包后生成的文件名称。它是Webpack构建输出目录中的关键部分，决定了生成文件的名字格式。

LLLuckyGirl~·2025-02-09 10:49

Webpack5 Asset Module 使用小结

我们常用raw-loader、url-loader、file-loader来处理图片、字体等资源文件，Webpack5为我们提供了一种更简单、更方便的方式来替换上述loader，这既是本文我们将要介绍的

蚂蚁二娘·2025-02-09 09:48

第十七章 webpack5项目搭建Vue-Cli（开发模式）

mkdirvue-clicdvue-clistep2–初始化项目初始化项目，生成一个package.json文件npminit-ystep3–编写vue-cli的开发模式配置新建目录/|-config||--webpack.dev.js

天界程序员·2025-02-09 09:15

使用webpack5实现简易的vue-cli脚手架功能

目录build/webpack.config.jsbabel.config.js.eslintrc.js、.eslintignorepackage.json主要涉及到对vue的支持以及elementui

没有技巧只有感情·2025-02-09 09:15

React Native 开发安卓项目构建工具Gradle的配置和使用

gradle可以简单的类比为前端的webpack，webpack将源文件打包成HTML、CSS、JavaScript，而gradle将源文件打包成apk或aar（AndroidAssembleBundle

江湖行骗老中医·2025-02-08 20:03

Mac本地体验LM studio

DMG文件，安装3、使用vscode工具，command+shift+H【全局替换功能】，选择目录/Applications/LM\Studio.app/Contents/Resources/app/.webpack

说是用户昵称已存在·2025-02-08 06:49

Vue（1）

是一个用于构建用户界面的渐进式框架构建用户界面：基于数据渲染出用户看到的页面渐进式：Vue相关的生态语法：**Vuejs：声明式渲染，组件系统；**客户端路由（VueRouter），大规模状态管理（Vuex），构建工具（Webpack

3283478051Sun·2025-02-08 04:11

【前端】【面试】【知识点总结】react知识点大纲

基础部分1.React简介React的定义与核心概念（声明式、组件化、单向数据流）React的应用场景与优势React的发展历程与生态系统2.环境搭建使用CreateReactApp快速搭建项目手动配置Webpack

患得患失949·2025-02-08 03:37

chrome插件模板；使用 React 18 和 Webpack 5 的 Chrome 扩展样板

一、软件介绍（文末提供下载）这是一个基本的Chrome扩展样板，可帮助您编写模块化和现代的Javascript代码，轻松加载CSS，并在代码更改时自动重新加载浏览器。github地址：https://github.com/lxieyang/chrome-extension-boilerplate-react本文信息图片来源于上面GitHub地址二、软件特征ChromeExtensionManife

struggle2025·2025-02-06 20:44

Vue项目搭建

一开始学习的时候，还是先学webpack的基本知识，一步一步配置入口文件等等。后面当然就嫌麻烦了，尤大大的vue-cli打遍天下无敌手。

yxmanyxman·2025-02-06 10:04

前端项目技术点总结：React项目创建

（一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置

jimson_zhu·2025-02-06 04:47

Webpack打包与优化策略

文章目录前言一、打包流程二、打包原理三、配置与优化1.代码分割SplitChunks配置：2.压缩和优化JavaScript压缩：Css压缩：图片压缩：3.缓存利用总结前言优化Webpack的构建和打包过程

小陆不会敲代码·2025-02-05 17:59

20250108慧能科技前端面试

目录ajax怎么取消请求移动端怎么实现px尺寸vite和webpack的区别设计模式讲一下什么是原型链讲一下什么是闭包实现eventbus事件循环项目发布后，如何对项目进行优化，怎么优化vue2的diff

uperficialyu·2025-02-05 10:35

vue按钮权限的控制解决方案

目标：vue按钮权限的控制解决方案准备知识点：(一)Vue.directive指令(自定义指令)webpack中案例main.js中写入如下代码：1.怎么配置自定义指令的生命周期Vue.directive

九霄123·2025-02-03 15:04

Webpack 模块加载、动态引入机制源码解读

今天的文章简单探讨一下Vue和React的不同。本人Vue2和React都用过，但不熟悉Vue3，没用它做过项目。其实我对这两大框架也没有认真钻研过它们的细节，也就是工作上用它们写一些简单业务，或偶尔看看相关的博客文章，但还是有一些浅显的认识的，写下来记录一下。Vue和React都是用于构建UI界面的流行框架。它们的哲学也有很多相似的地方，我们可以认为这些特性是流行前端框架的一个趋势。它们是：组件

AIGC小陈·2025-02-03 07:02

webpack 面试题整理

文章目录webpack面试题整理谈谈你对Webpack的理解Webpack的打包过程/打包原理/构建流程？Webpack中loader的作用/loader是什么？常见的loader有哪些？

iijik55·2025-02-03 06:24

Rollup：专注类库和框架打包

文章内容输出来源：拉勾大前端高薪训练营-概述-也是一款ESModules打包器-也可以将项目中的一些散落的细小模块打包为整块代码-rollup与webpack作用类似-rollup更为小巧，仅仅是一款ESM

时解之·2025-01-31 10:06

一文大白话讲清楚webpack进阶——8——Module Federation

文章目录一文大白话讲清楚webpack进阶——8——ModuleFederation1.啥是ModuleFederation2.这里讲两个基础概念3.容器应用配置4.远程应用配置5.模块使用5.ModuleFederation

16年上任的CTO·2025-01-31 01:50

二、React进阶

一、代码分割为什么要使用代码分割：在用webpack进行打包的时候，每个模块被导入合并在一个文件，这个文件叫做bundle，这些bundle在一张页面上包括了整个APP。

谁诉离殇~·2025-01-30 13:29

React使用less语法

1.安装yarnaddlessless-loaderornpmilessless-loader2.打开webpack配置文件创建项目的时候我们是看不到webpack文件的需要暴露出来yarnejectornpmruneject3

世间万物皆对象·2025-01-30 12:26

webpack-bundle-analyzer 打包分析工具

移动端项目优化的时候，需要这个插件来可视化查看打包大小，在此记录下插件官网地址一.安装npminstall--save-devwebpack-bundle-analyzer二.使用方式：1.作为插件使用

cc蒲公英·2025-01-30 02:39

webpack 打包自己的--windows

第一步安装node1、安装nodejs:https://nodejs.org/zh-cn/download/releases/一、Window系统配置：打开命令窗口,进入当前工程目录npm配置淘宝镜像:npmconfigsetregistryhttp://registry.npm.taobao.org/npm安装parcel-bundler:npminstall-gparcel-bundler运行

未来之窗软件服务·2025-01-30 02:07

一文大白话讲清楚webpack进阶——5——dev-server原理及其作用

文章目录一文大白话讲清楚webpack进阶——5——dev-server原理及其作用1.webpack的作用2.dev-server的作用3.dev-server的原理3.1啥是webpack-dev-middleware3.2HMR

16年上任的CTO·2025-01-29 12:34

前端 | es6模块化、promise回调、webpack打包发布

25.ES6模块化规范25.1定义每个js文件都是独立的模块通过import关键字来向内导入其他模块成员通过export关键字来对外共享模块成员25.2Node.js体验ES6模块化版本为14.15.1及以上（空文件夹终端“type”:“module”,—>生成package.json文件）在package.json的根节点中添加“type”:“module”节点（不写默认是commonJS）配置

weixin_47249930·2025-01-29 11:26

【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】

在前端开发的世界里，Webpack无疑是构建工具中的“明星”。它强大的功能可以帮助我们高效地打包和管理前端资源。

Orange301511·2025-01-28 19:06

一文大白话讲清楚webpack进阶——1——SourceMap

文章目录一文大白话讲清楚webpack进阶——1——SourceMap1.啥是SourceMap2.SourceMap的结构3.SourceMap触发时机4.SourceMap怎么配置4.1devtool

16年上任的CTO·2025-01-28 06:04

一文大白话讲清楚webpack进阶——3——Loader的执行顺序(pre,normal,inline,post)

文章目录一文大白话讲清楚webpack进阶——3——Loader的执行顺序(pre,normal,inline,post)1.loader的分类和执行顺序1.1pre1.2normal1.3inline1.4post1.5

16年上任的CTO·2025-01-28 06:34

一文大白话讲清楚webpack基本使用——18——HappyPack

文章目录一文大白话讲清楚webpack基本使用——18——HappyPack1.建议按文章顺序从头看，一看到底，豁然开朗2.啥是HappyPack3.怎么使用HappyPack一文大白话讲清楚webpack

16年上任的CTO·2025-01-28 05:57

vite webpack原理和区别

Vite和Webpack的工作原理有显著的不同，以下是对它们各自原理的简要说明：Vite原理原生ES模块：Vite利用浏览器对原生ES模块（ESM）的支持，实现按需加载和编译。

阿芯爱编程·2025-01-27 02:20

webpack 学习从零到亿过程

webpack学习从零到亿过程适合小白从零到一搭建一个项目，虽然没有效果的截图但是知道跟随这个步骤流程走下去，你就会成功掌握打包的原理！

光头程序员·2025-01-26 17:48

前端构建工具

以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。

光影少年·2025-01-26 02:41

推荐频道

webPack