- 最近，看了很多webpack的文章，我现在就把这些这几天看到的内容做个汇总。大家可以先去webpack官方文档了解一下：webpack中文网什么是webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序... 最近，看了很多webpack的文章，我现在就把这些这几天看到的内容做个汇总。大家可以先去webpack官方文档了解一下：webpack中文网什么是webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序...
- 导语：对于大型前端项目而言，构建的稳定性和易用性至关重要，腾讯文档在迭代过程中，复杂的项目结构和编译带来的问题日益增多，极大的增加了新人上手与日常搬砖的开销。恰逢 Webpack5 上线，不如来一次彻底的魔改～ 1. 前言腾讯文档最近基于刚刚发布的 Webpack5 进行了一次编译的大重构，作为一个多个仓库共同构成的大型项目，任意品类的代码量都超过百万。对于腾讯文档这样一个快速迭代，高度依赖... 导语：对于大型前端项目而言，构建的稳定性和易用性至关重要，腾讯文档在迭代过程中，复杂的项目结构和编译带来的问题日益增多，极大的增加了新人上手与日常搬砖的开销。恰逢 Webpack5 上线，不如来一次彻底的魔改～ 1. 前言腾讯文档最近基于刚刚发布的 Webpack5 进行了一次编译的大重构，作为一个多个仓库共同构成的大型项目，任意品类的代码量都超过百万。对于腾讯文档这样一个快速迭代，高度依赖...
- 1. 为什么要打包发布 2. 配置 webpack 的打包发布 3. 把 JavaScript 文件统一生成到 js 目录中 4. 把图片文件统一生成到 images 目录中 5. 自动清理 dist 目录下的旧文件 1. 为什么要打包发布项目开发完成之后，需要使用 webpack 对项目进行打包发布，主要原因有以下两点：① 开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的... 1. 为什么要打包发布 2. 配置 webpack 的打包发布 3. 把 JavaScript 文件统一生成到 js 目录中 4. 把图片文件统一生成到 images 目录中 5. 自动清理 dist 目录下的旧文件 1. 为什么要打包发布项目开发完成之后，需要使用 webpack 对项目进行打包发布，主要原因有以下两点：① 开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的...
- 1. loader 概述 2. loader 的调用过程 3. 打包处理 css 文件 4. loader 调用过程图解 5. 打包处理 less 文件 6. 打包处理样式表中与 url 路径相关的文件 7. 打包处理 js 文件中的高级语法 7.1 安装 babel-loader 相关的包 7.2 配置 babel-loader 8. 完整实例代码 1. loader 概述在实际开发过程... 1. loader 概述 2. loader 的调用过程 3. 打包处理 css 文件 4. loader 调用过程图解 5. 打包处理 less 文件 6. 打包处理样式表中与 url 路径相关的文件 7. 打包处理 js 文件中的高级语法 7.1 安装 babel-loader 相关的包 7.2 配置 babel-loader 8. 完整实例代码 1. loader 概述在实际开发过程...
- 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所... 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所...
- webpack5构建一个小型简单vue项目 (练习) webpack5构建一个小型简单vue项目 (练习)
- nodejs简介：1、Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 JavaScript程序可以运行在浏览器中 JavaScript程序可以运行在Node.js环境中 Node.js在浏览器外运行的。安装Vue脚手架需要先安装Node.js (安装好了的不要随意卸载Nodejs)安装Node.js:1、win+r输入cmd 或者在我的电脑打开cmd查看是否安装... nodejs简介：1、Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 JavaScript程序可以运行在浏览器中 JavaScript程序可以运行在Node.js环境中 Node.js在浏览器外运行的。安装Vue脚手架需要先安装Node.js (安装好了的不要随意卸载Nodejs)安装Node.js:1、win+r输入cmd 或者在我的电脑打开cmd查看是否安装...
- Nodejs安装及使用npm安装webpack Nodejs安装及使用npm安装webpack
- 文档： npm：https://www.npmjs.com/package/webpack-bundle-analyzergithub: https://github.com/webpack-contr... 文档： npm：https://www.npmjs.com/package/webpack-bundle-analyzergithub: https://github.com/webpack-contr...
- P11.2-安装webpack 1.安装Nodejs 安装webpack前必须安装Nodejs 1.1.下载nodejs 官网下载地址：https://nodejs.org/en/... P11.2-安装webpack 1.安装Nodejs 安装webpack前必须安装Nodejs 1.1.下载nodejs 官网下载地址：https://nodejs.org/en/...
- 方式一：yarn命令安装： yarn global add webpack webpack-cli yarn add webpack webpack-cli --dev //简写 yarn add we... 方式一：yarn命令安装： yarn global add webpack webpack-cli yarn add webpack webpack-cli --dev //简写 yarn add we...
- 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第1章，第1.1.4节，作者是徐顺发. 本节书摘来自华章计算机《React+Redux前端开发实战》一书中的第1章，第1.1.4节，作者是徐顺发.
- 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所... 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，也就是/static下的所...
- 一、前言hash代表compilation的hash值。compilation在项目任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-webpack-pl... 一、前言hash代表compilation的hash值。compilation在项目任何一个文件改动后就会被重新创建，然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hash。contenthash 解决改变style文件导致js文件重新生成hash的问题(使用extract-text-webpack-pl...
- Webpack和JShaman相比有什么不同？Webpack的功能是打包，可以将多个JS文件打包成一个JS文件。JShaman专门用于对JS代码混淆加密，目的是让JavaScript代码变的不可读、混淆功能逻辑、加密代码中的隐秘数据或字符，是用于代码保护的。两者是完全不同的。但是，因为Webpack打包生成的JS文件，看起来似乎也有一些混淆特征，因此常被一些人误以为它也是混淆工具，事实上，它... Webpack和JShaman相比有什么不同？Webpack的功能是打包，可以将多个JS文件打包成一个JS文件。JShaman专门用于对JS代码混淆加密，目的是让JavaScript代码变的不可读、混淆功能逻辑、加密代码中的隐秘数据或字符，是用于代码保护的。两者是完全不同的。但是，因为Webpack打包生成的JS文件，看起来似乎也有一些混淆特征，因此常被一些人误以为它也是混淆工具，事实上，它...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签