跳到主要内容

CSS 资源本地化

组件代码里有可能会依赖一些远程 CDN 的字体文件等,某些情况下网站运行时可能访问不了。该插件提供在构建部署时将 CSS 中的网络资源本地化能力,例如字体文件等。

开启插件

安装插件:

$ npm i -D @ice/plugin-css-assets-local

ice.config.mts 中添加插件:

ice.config.mts
import { defineConfig } from '@ice/app';
import cssAssetsLocal from '@ice/plugin-css-assets-local';

export default defineConfig(() => ({
plugins: [
cssAssetsLocal(),
],
}));

配置

outputPath

提取后的静态文件目录前缀

  • 类型: string
  • 默认值: assets

relativeCssPath

提取的文件后相对于 CSS 的路径

  • 类型: string
  • 默认值: ../

enableInDev

本地调试时是否启用插件

  • 类型: boolean
  • 默认值: false