编写webpack的加载器

---
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.使用可选依赖

参考文献
webpack-offical-writing-a-loader