编写webpack的加载器
2019-08-10 本文已影响0人
一点金光
---
title:编写webpack的加载器
date: 2018-06-09 16:29:00
updated: 2018-06-10 12:00:00
categories:
- 构建输出
- 编程开发
tags:
- webpack
---
导出一个函数
搭建环境
在本地开发和测试一个loader的三种方式。
# 单个loader
module.rules.push({test:/\.js$/,use:[{loader: path.resolve('path/to/loader.js'),options: {/* ... */}}]})
# 多个loader
resolveLoader.modules=['node_modules',path.resolve(__dirname, 'loaders')]
#
[`npm link`](https://docs.npmjs.com/cli/link)
一些指南
01.保持简洁明了
02.使用链式工具
03.触发模块输出
04.确保无状态的
05.标记加载依赖
06.移除产品依赖
07.提取公共代码
08.避免绝对路径
09.使用可选依赖