为什么需要使用webpack？

最新推荐文章于 2022-12-12 03:26:34 发布
最新推荐文章于 2022-12-12 03:26:34 发布
阅读量1.2k 收藏 4
点赞数 2
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liminwang0311/article/details/103706652
版权

我们先看一下官网给的webpack的概念：

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。

官网我浏览过几次了，其实一直没明白为什么要使用webpack。文档上来就说是什么，而不说为什么，是不是显得没那么友好，可能编写文档的人认为，你看到我这篇文档，应该不是小白了吧。吐槽文推荐：webpack为什么这么难用？

什么让webpack出现？

“现代JavaScript应用程序”的最大特点可能就是模块化了，这里面涉及很多新技术，比如ES6、TS的使用越来越普及，再比如Vue框架，包含了特定的语法：指令。

但是出现的问题是：这些新兴的技术并不是在所有的浏览器上都适用（浏览器不支持模块化，它不能像node.js那样快速地去本地加载一个个模块文件），都需要将源代码转化为可以直接在浏览器上运行的代码。

不知道你看了我链接的那几个网页没，感觉主要是因为Node.js的出现，因为JavaScript模块的出现。

打包前还做了分割

webpack可以将Vue组件中的HTML、CSS、JavaScript分离
把依赖树按需分割
 

王同学Leo
关注
专栏目录
webpack是什么？为什么要用webpack（一个小白的感想）
Lawless
02-11 793
Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个...
基础应用篇——为什么需要Webpack？
sdasadasds的博客
12-09 978
一、基础应用篇 1.1 为什么需要 Webpack 想要理解为什么要使用 webpack，我们先回顾下历史，在打包工具出现之前，我们是如何在 web 中使用 JavaScript 的。在浏览器中运行 JavaScript 有两种方法： 第一种方式，引用一些脚本来存放每个功能，比如下面这个文档： 01-why-webpack/index-1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
我为什么要使用Webpack?
weixin_34037173的博客
03-26 255
简单讲讲我与前端的故事吧。 刚接触前端时，所有静态资源CSS、图片和JS都是手动引入HTML页面中，这并没有什么不好，想要什么就引入什么嘛。另外，所见即所得，开发好的项目文件直接就可以上传服务器，很方便，因此这样的开发方式一直持续到前不久，也就是开始正式使用Webpack之前。 渐渐地，我开始感...
为什么要用webpack！
dbou38616的博客
09-03 322
为什么要用webpack？ 现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。 模块化，让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能转换为JavaScript文件使浏览器可以识...
为什么需要webpack？
weixin_47450807的博客
03-22 3652
一、写在前面 为什么要使用webpack，我第一印象就是使用其进行打包，但是并没有回答到点上。下面我们将总结一下为什么要使用webpack等一系列打包工具呢？ 二、正文 2.1、浏览器的运行效率问题 我们如果不使用任何打包工具，还是按照最原始的写法，其实在开发中就会变得麻烦，比如说我们如果编写的代码文件比较多，此时我们就需要发送多次http请求，如果其中一个文件没有请求回来，此时如果下面的文件对该文件存在一些依赖，就会导致页面中的部分功能没有办法实现。 再者说如果我们将代码编写入一个文件中，此时就会出现文件
为什么要用webpack
weixin_43209953的博客
02-11 2848
一：为什么用webpack？  在日常的开发中经常在一个index.html页面中引入多个css，js文件，会导致页面加载慢，所以有必要将他们合并为一个文件，所以使用webpack（其实还有很多如sass lass等第三方中间语言需要编译后运行，所以页需要用到webpack编译打包）; 二：我们经常用一个叫做main.js的文件作为js的入口文件，就是说所以的js文件都被引入到main.js文...
electron-leveldown-pouchdb-webpack:“嘿，webpack？为什么你看不到我。” -表示降级
05-06
为什么你看不到我。” -表示降级。 “在电子环境中……”-小声说道。 在Webpack世界中 在webpack.config.js ，而不是使用以下方法： const webpack = require("webpack"); { ... plugins: [new webpack....
dotenv-webpack：一个安全的webpack插件，支持dotenv和其他环境变量，并且仅公开您选择和使用的内容
02-06
一个安全的webpack插件，支持dotenv和其他环境变量，并且仅公开您选择和使用的内容。 dotenv-webpack 安装 将软件包本地包含在您的存储库中。 npm install dotenv-webpack --save-dev 描述 dotenv-webpack包装...
webpack-使用webpack-dev-server.rar
04-12
要使用 `webpack-dev-server`，首先需要安装它作为项目的开发依赖： ```bash npm install --save-dev webpack-dev-server ``` 然后，在 `webpack.config.js` 配置文件中添加 `devServer` 配置项： ```javascript ...
什么是webpack为什么要使用webapck
08-10
**为什么要使用Webpack** 1. **模块化管理**：Webpack 提供了一种统一的方式来管理和组织项目中的模块，无论是 JavaScript、CSS 还是图片，都可以通过 import 或 require 进行导入和使用，增强了代码的可复用性和可...
为什么使用webpack
Jack__iT的博客
05-25 798
什么是WebpackWebPack可以看做是模块打包机。依托加载器实现的js模块化开发和加载，大大提升了前端开发体验，改变js代码的组织方式，但模块化开发增加了请求数量，为了前端性能优化而将模块打包。Webpack就是个打包器，它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器...
为什么用webpack打包
前端-黎姿
04-21 1671
先来看webpack官网的这张图片 介绍webpack，首先记住两个词 模块 打包 如果不打包的话，我们的项目中有很多文件会相互依赖，有几个文件就要发多少次请求来获取文件，如果一个文件因为网络问题延误了整个页面也会延误，而当我们的项目逐渐变大，有几十个到上百个JavaScript文件的时候，那问题会更严重，不但有延迟问题，还会遇到很难维护的问题 而webpack就解决了这些问题，把所有JavaS...
webpack是什么，为什么要用webpack，webpack如何使用
universe的博客
07-24 750
webpack是什么？ WebPack是前端资源模块工具，主要分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 webpack配置文件是webpack.config.js，整个文件遵循commonJS规范，所
webpack基础01 --- 为什么需要Webpack
jibuyueqian的博客
08-03 194
为什么使用webpack
webpack学习笔记-0-为什么需要webpack
qq_38652603的博客
06-26 1540
本文介绍了个人对为什么需要webpack的一些粗浅的理解和webpack打包初步使用说明
为什么要用webpack？
qq_41045128的博客
06-23 1687
主要是了解下webpack是什么，干什么的，怎样使用的，结局可能会出现的问题
webpack 简介以及为什么要用webpack
nvd11的专栏
12-12 857
而webpack 提供的js文件打包功能就立功了， 开发时我们会把js代码拆分多个文件， 而部署调试时，可以用webpack去把多个js文件打包成1个main.js。这次引用成功了， 但是虽然我们在html文件只声明了app4.js 的引用， 但是实际上浏览器还是需要去下载app4.js依赖的其他引用。可以见到， 浏览器只需要下载1次 main.js 而且把所有的 js文件内容 打包了main.js文件中！这次我们要解决多次下载js文件的问题， 根本办法就是把多个js文件整合成1个js文件。
为什么需要 webpack 以及 webpack 构建流程
zheng_jia_jun的博客
08-13 445
打包是webpack最核心的功能，webpack其它所有的功能都是为了让打包这个功能更好。我们从一个简单的html页面介绍了通过webpack对模块进行打包，既保留了单个模块的可维护性，又减少了页面的http请求，减少了页面加载时间，从而增加了页面的显示速度，让整个应用的体验更好。...
什么是webpack？
最新发布
12-07
Webpack是一个静态模块打包工具...Webpack的主要作用是将开发过程中的多个模块打包成一个或多个bundle文件，以便在生产环境中使用。通过使用Webpack，可以提高网站的性能和加载速度，减少网络请求次数，提高用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值