常见loader

简介: 常见loader:

  1. 文件处理的loader
    • file-loader:当引入的文件是 .png.txt 等时,可以通过 file-loader 解析项目中的 url 引入。根据配置将文件拷贝到相应的路径,并修改打包后文件的引入路径,让它指向正确的文件。
    • url-loaderurl-loader 封装了 file-loader 且可以不依赖于 file-loader 单独使用,并且可以配置 limit。对小于 limit 大小的图片转换成 Base64,大于 limit 的时候使用 file-loader 里的方法。
  2. 语法检查的loader
    • tslint-loader:通过 TSLint 检查 TypeScript 代码
    • eslint-loader:通过 ESLint 检查 JavaScript 代码
  3. css处理loader
    • style-loader:动态创建 style 标签,将 CSS 代码插入到 head 中。
    • css-loader:负责处理 @importurl 等语句。例如 import css from 'file.css'url(image.png)
    • postcss-loader:负责进一步处理 CSS 文件,比如添加浏览器前缀,压缩 CSS 等
    • less-loader:将 .less 文件内容转换成 CSS。
    • sass-loader:将 .sass 文件内容转换成 CSS。
  4. JS 代码处理常见的 loader
    • babel-loader:将 JS 代码向低版本转换,我们需要使用 babel-loader
    • ts-loader:将 TypeScript 转换成 JavaScript
目录
相关文章
|
前端开发 开发者
loader - 配置处理 less 文件的 loader| 学习笔记
快速学习 loader - 配置处理 less 文件的 loader
loader - 配置处理 less 文件的 loader| 学习笔记
|
前端开发 开发者
loader - 配置处理 scss 文件的 loader|学习笔记
快速学习 loader - 配置处理 scss 文件的 loader
loader - 配置处理 scss 文件的 loader|学习笔记
|
缓存 前端开发 JavaScript
【前端】style-loader和MiniCssExtractPlugin.loader
【前端】style-loader和MiniCssExtractPlugin.loader
276 0
|
XML Java PHP
AS3 Loader与URLLoader的区别与比较
AS3 Loader与URLLoader的区别与比较
59 0
Loader类的loadBytes报IOErrorEvent
将压缩过的(bytes.compress())二进制文件,使用URLStream加载后,读取二进制的内容,然后未使用uncompress方法,直接使用Loader的loadBytes方法,很杯具的报了未知的文件类型~ ~!。找了半天,结果发现自己把自己给坑了
567 0
|
6月前
|
前端开发 Java 开发者
class loader
【8月更文挑战第4】
63 7
|
JavaScript
vue:项目中Failed to resolve loader: stylus-loader问题
vue:项目中Failed to resolve loader: stylus-loader问题
563 0
vue:项目中Failed to resolve loader: stylus-loader问题
|
移动开发 监控 前端开发
plugin和loader
plugin和loader
69 0

热门文章

最新文章