webpack原理篇(六十二):实战开发一个自动合成雪碧图的loader

webpack原理篇(六十二):实战开发一个自动合成雪碧图的loader

说明玩转 webpack 学习笔记支持的语法对样式里面图片引用后面加 __sprite 进行图片合并如何将两张图片合成一张图片?使用 spritesmithhttps://github.com/twolfson/spritesmithspritesmith 使用示例const sprites = [...

webpack原理篇(六十一):更复杂的 loader 的开发场

webpack原理篇(六十一):更复杂的 loader 的开发场

说明玩转 webpack 学习笔记loader 的参数获取通过 loader-utils 的 getOptions 方法获取const loaderUtils = require("loader-utils"); module.exports = function(content) { const ...

前端自动化构建工具 Webpack

27 课时 |
13483 人已学 |
免费
开发者课程背景图
webpack原理篇(六十):使用 loader-runner 高效进行 loader 的调试

webpack原理篇(六十):使用 loader-runner 高效进行 loader 的调试

说明玩转 webpack 学习笔记loader-runner 介绍定义:loader-runner 允许你在不安装 webpack 的情况下运行 loaders作用:作为 webpack 的依赖,webpack 中使用它执行 loader进行 loader 的开发和调试loader-runner 的...

webpack原理篇(五十九):loader 的链式调用与执行顺序

webpack原理篇(五十九):loader 的链式调用与执行顺序

说明玩转 webpack 学习笔记一个最简单的 loader 代码结构定义:loader 只是一个导出为函数的 JavaScript 模块。module.exports = function(source) { return source; };多 Loader 时的执行顺序多个 Loader 串行...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6322+人已加入
加入
相关电子书
更多
基于webpack和npm的前端组件化实践
基于webpack和npm的前端组件化实践
立即下载 立即下载