自定义 loader

37 阅读1分钟

webpack 其实主要就是依靠 loader 实现对不同类型的资源模块进行编译的。 不管什么类型的资源,最后都会使用相应的 loader 转化为成 js 文件。

注意:

  • webpack 中对同一个资源可以依次使用多个 loader【管道概念】

2242.png

<1> 开发一个转译 .md 类型资源的 loader

两种方法:

  • 在该 loader 中直接完成 md --> html --> js
  • 在该 loader 中只完成 md --> html ,再借助 html-loader 实现 html --> js

补:

实现 md --> html ,可以借助一个外部模块 marked

2243.png

(1) 方法 1:

markdown-loader.js

2244.png

webpack.config.js

2245.png

(2) 方法 2:

markdown-loader.js

2246.png