webpack 关于webpack:webpack-图片处理和优化 本节咱们来学习如何在 webpack 中解决和优化图片。后面咱们讲过,webpack 中只有 JS 类型文件才可能被辨认并间接打包,其余类型的文件,例如 CSS、JS、图片等,则须要通过特定的 loader 来进行加载打包。
webpack 关于webpack:转关于-tapable-你需要知道这些 在浏览 webpack 前如果不理解 tapable 的话,很有可能会看得云里雾里,那么 tapable 到底是什么,又有什么用呢?本文次要介绍 tapable 的应用以及相干实现,通过学习 tapable 可能进一步的理解 webpack 的插件机制。以下内容皆基于 tapable v1.1.3 版本。
webpack 关于webpack:webpack-如何压缩文件 本节咱们学习如何压缩 webpack 中的文件。在理论利用中,为了放大打包后包的体积,咱们可能须要将 CSS 和 JS 文件进行压缩,这须要用到 webpack 中的不同插件来实现。
webpack 关于webpack:webpack-plugins插件 本节咱们来学习 webpack 中的插件(plugins),插件能够让 webpack 可能执行更多任务,从优化和压缩,到从新定义环境中的变量等,十分弱小。
webpack 关于webpack:webpack-loader使用 本节咱们来学习 webpack 中 loader 加载器的应用,那么什么是 loader 呢。从实质上来说,loader 就是一个 Node.js 模块,在 webpack 的定义中,loader 导出一个函数,loader 会在转换源模块的时候调用该函数。
webpack 关于webpack:使用-airpack-让你的-webpack-配置模块化 airpack 在 node 加载 webpack-cli 模块时,给 webpack-cli 打上性能加强补丁。这个补丁让 webpack-cli 能按肯定的优先级程序主动从多个地位(我的项目依赖、我的项目目录、命令行参数)读取 webpack 配置,而后用更适合的形式合并这些 webpack 配置。
webpack 关于webpack:webpack-output出口 上一节咱们将了 webpack 的入口 entry,那既然有入口,对应就会有进口。所以本节咱们来讲 webpack 中的进口 output。
webpack 关于webpack:webpack-entry入口 上一节咱们讲到了 webpack 的配置文件 webpack.config.js ,这个文件须要咱们手动在我的项目根目录下创立。创立后要对其进行配置,本节咱们来看一下如何配置 webpack 中的入口,也就是 entry 属性。
webpack 关于webpack:webpack-配置文件 本节咱们来学习 webpack 的配置文件 webpack.config.js ,因为 webpack 配置文件是导出一个对象的 JavaScript 文件,因而很少有 webpack 的配置看起来是完全相同的。
webpack 关于webpack:Webpack-原理系列八产物转译打包逻辑 全文 6000 字,咱们来聊聊打包闭环,欢送点赞关注转发。回顾一下,在之前的文章《有点难的 webpack 知识点:Dependency Graph 深度解析》曾经聊到,通过 构建(make)阶段 后,Webpack 解析出:module 内容module 与 module 之间的依赖关系图而进入 生成(seal)阶段 后,Webpack 首先依据模块的依赖关系、模块个性、entry配…