通过Loader实现特殊资源加载
loader
是webpack
实现整个项目的模块化,项目中各种资源都需要被管理
实现不同资源加载的核心是loader
如何加载模块
通过css-loader
加载css
资源,webpack
使用loader
处理模块,内部loader只能处理js
模块
css
文件经过css-loader
打包之后再由webpack
打包
css-loader
只会把 CSS
模块加载到 JS
代码中,而并不会使用这个模块,需要在添加额外的style-loader
才能正常工作
loader
是webpack
实现前端模块化的核心,只有通过不同的loader
,才能实现任何类型资源的加载
通过js
加载资源模块
一般webpack
入口都是js
文件,打包入口就是应用的运行入口
开发一个 Loader
深入了解loader
的工作原理
开发markdown
文件转换为html
webpack
资源加载类似工作管道,可以使用多个loader
,输出结果必须是标准的js
代码
多个loader
配合
首先使用自己的loader
转换为html
文件,再次使用html-loader
转换为js
代码 例子