美文网首页
先简单认识下webpack

先简单认识下webpack

作者: HTAO濤 | 来源:发表于2021-05-16 22:06 被阅读0次

webpack是一个现代Javascript应用程序的静态模块打包器,指的是webpack在不进行特殊配置时,就只能处理JavaScript这一种语言,打包指的就是多个js文件不需要人为的去理清其的依赖关系,而且还能将其合成为一个文件。

为什么要打包呢?因为前端项目中的逻辑多了,文件多了,复杂度提高了(比如一个项目依赖多个模块),于是提出多种模块化的标准,webpack就是这么一种优秀的模块化方案。

webpack不仅强大,而且灵活(每个功能可插拔)。

webpack除了打包还能干什么?

1.翻译!加入loader,把代码翻译成浏览器看的懂的代码。

2.做点别的操作,能力扩展类,在webpack的plugin里。

下次继续分享webpack中的我核心

相关文章

  • 先简单认识下webpack

    webpack是一个现代Javascript应用程序的静态模块打包器,指的是webpack在不进行特殊配置时,就只...

  • [FE] webpack v4.20.2 源码解析(四):生成资

    1. 简单回顾 这里我们先简单回顾下webpack载入资源的过程,(1)命令行调用webpack,即调用了~/.n...

  • Webpack5 最佳实践

    先简单回顾下 webpack 原理 Webpack 可以看做是模块打包机,把解析的所有模块变成一个对象,然后通过入...

  • 搭建项目环境

    今天大概讲一下从零开始搭建项目。 Webpack 配置 首先安装 webpack webpack 基本配置 先创建...

  • js逆向--webpack打包怎么办?

    webpack打包是前端js模块化压缩打包常用的手段。同时对于后端的爬虫调试有着一下困扰。简单的认识下:https...

  • Webpack - 基本配置

    webpack - 最热门的前端资源模块化管理和打包工具 简单设置(单页面) 先安装webpack npm ins...

  • webpack入门解析

    webpack 一. 认识webpack 1.1. webpack介绍 什么是webpack? 这个webpack...

  • webpack 安装失败

    用npm install webpack --save-dev安装webpack 后一直失败 查了一下先全局安装 ...

  • webpack 配置从头到脚

    下面是webpack.conf.prod.js 部分内容 首先认识下webpack每项配置项 entry 待更 o...

  • webpack 过程

    版本为webpack@4.44.1一个简单的示例代码 webpack下debug断点调试命令node --insp...

网友评论

      本文标题:先简单认识下webpack

      本文链接:https://www.haomeiwen.com/subject/dstdjltx.html