webpack初始
来源:互联网 发布:mac文件存放在哪里 编辑:程序博客网 时间:2024/05/01 21:33
介绍
webpack是一个模块打包工具 ,可以将任何前端资源视为模块,如css,图片,文本
其输入为:包含依赖关系的模块集
其输出为: 打包合并的前端静态资源
为什么引入新的打包工具??
web前端工程复杂,一个webapp对于业务代码的要求很多:
1. 代码可以分块,实现按需加载;
2. 首屏加载时间要尽量减少;
3. 需要继承一些第三方库;
webpack之前的打包工具功能单一,只能完成特定任务。然而对于模块打包工具,单一的支持commonJS的打包在大型项目中是不够的,为了满足大型项目的前端需求,一个打包工具应该包含一些功能:
1. 支持多个bundler输出,解决代码分块问题;
2. 异步加载,按需加载,优化首屏加载时间;
3. 可定制化,可以继承第三方库,可以定制话打包过程
4. 其他资源也可以定义为模块
webpack提供的功能:
1. 代码分块:有两种类型的模块依赖,一种同步的,一种异步的。在打包的过程中可以将代码输出为代码块(chunk),代码块可以实现按需加载
2. Loaders:webpack本身只会处理js,为实现其他资源的模块定义,并转化为js,webpack需要定义loaders,不同的loader可以将对应的资源转化为js模块
3. 智能的模块解析: webpack 可以很容易将第三方库转化为模块集成到项目代码中,模块的依赖可以用表达式的方式(这在其他打包工具中是没有支持的),这种模块依赖叫做动态模块依赖。
0 0
- webpack初始
- webpack安装和初始
- WebStorm 下React和webpack的初始配置
- 【转】快速搭建react的webpack初始环境
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- 初始
- WebPack
- webpack
- webpack
- webpack
- Android 应用资源(一)
- 【LeetCode】455. Assign Cookies (java实现)
- CMake Error: The following variables are used in this project, but they are set to NOTFOUND.
- 三张图搞懂JavaScript的原型对象与原型链
- 取得范围内指标最小最大值 mt5
- webpack初始
- swift3.0 仿QQ音乐APP
- # 了解真实的『REM』手机屏幕适配
- PyCharm 软件(professional版 专业版)在Windows系统上的下载、安装、破解图文教程
- LSTM Networks
- iconv C++ 实现 字符 (语言) 编码 转换
- 欧拉计划(鱼C论坛)@20161128
- OpenGL ES 2.0 学习笔记(一)
- 旧版本削水果代码