Source Maps

配置参数

inline boolean

Set true to inline the source map in the output file

Default:

false

sourceContent boolean

Set true to include the content of the source files

Default:

false

描述

Lume 插件，例如 Postcss, esbuild, Terser, SASS 或 Lightning CSS 会处理和打包你的 CSS 和 JavaScript 文件。将它们与 source_maps 结合使用，可以创建 source map 文件，以便在浏览器的开发者工具中调试你的代码。

安装

在你的 _config.ts 文件中导入此插件以使用它：

import lume from "lume/mod.ts";
import sass from "lume/plugins/sass.ts";
import postcss from "lume/plugins/postcss.ts";
import esbuild from "lume/plugins/esbuild.ts";
import sourceMaps from "lume/plugins/source_maps.ts";

const site = lume();

// 使用其他插件处理你的 CSS 和 JS 代码
site.use(sass());
site.use(postcss());
site.use(esbuild());

// 使用 source maps 插件生成 .map 文件
site.use(sourceMaps(/* Options */));

export default site;