Skip to content

2_webpack 的常用 loader

md
`babel-loader`:用于将 ES6+的 JavaScript 代码转换为 ES5 代码,以便在旧版本浏览器中运行。

`css-loader`:用于解析 CSS 文件,并处理其中的 import 和 url()等语法。

`style-loader`:将解析后的 CSS 代码以<style>标签的形式插入到 HTML 文件中。

`file-loader`:用于处理文件资源(如图片、字体等),并将其复制到输出目录中。

`url-loader`:类似于 file-loader,但可以根据文件大小将文件转换为 DataURL,以减少 HTTP 请求。

`sass-loader`:用于将 Sass/SCSS 代码转换为 CSS 代码。

`less-loader`:用于将 Less 代码转换为 CSS 代码。

`postcss-loader`:用于对 CSS 代码进行后处理,如自动添加浏览器前缀等。

`vue-loader`:用于解析和转换 Vue 单文件组件。

`ts-loader`:用于将 TypeScript 代码转换为 JavaScript 代码。

Released under the MIT License.