紫外插管-喉管-整流器

A 类 维特 集成的插件 清洗 与 拉维尔9-13 模板资产(目前更新到laravel/[email protected]).

此插件仅在生产模式中清除未使用的 CSS 资产(pnpm build 编号 : yarn build 编号 : npm run build) (中文(简体) ).

* 安装

使用 pnpm :

pnpm add -D @erbelion/vite-plugin-laravel-purgecss

使用线条 :

yarn add -D @erbelion/vite-plugin-laravel-purgecss

使用 npm :

npm i -D @erbelion/vite-plugin-laravel-purgecss

使用量

使用您 Vite 配置中的插件( U)vite.config.ts:

import purge from '@erbelion/vite-plugin-laravel-purgecss'

export default {
    plugins: [
        laravel(...),
        purge()
    ]
}

更多信息

QQ 选项

paths 选项

如果 paths 未指定选项,它默认为:

resources/{js,views}/**/*.{blade.php,svelte,vue,html}

rehash 选项(实验)

如果 rehash 未指定选项,它将默认为 false。 。 。 .

⚠️ 实验 —— 说 rehash 补丁 manifest.json 在Vite 写下之后的磁盘上。 这依赖于对可能突破Vite版本的Vite输出格式的假设.

为什么 rehash 存在吗?

基于此选项的 Vite hashes CSS 文件名 未处理的SCSS/CSS源 时间(例如:. app-B2qGsMUw.css) (中文(简体) ). 散开的 没有 当您在"刀锋"模板中添加新类时更改( 尽管PurgeCSS) 将在产出中增加规则.

无 rehash,浏览器或CDN缓存了旧的 CSS 文件永远不会知道 重接它, 因为尽管内容不同,文件名是相同的.

与 rehash 启用时,插件附加从 清除 CSS 内容 (例如:. app-B2qGsMUw-e5ec2996.css)和补丁 manifest.json 相应.

所有选项

type Options = {
    // Plugin options
    paths?: string[] // Defaults to `resources/{js,views}/**/*.{blade.php,svelte,vue,html}`
    rehash?: boolean // Defaults to `true`
    templates?: string[] // ❌ Deprecated

    // PurgeCSS options
    defaultExtractor?: ExtractorFunction
    extractors?: Array<Extractors>
    fontFace?: boolean
    keyframes?: boolean
    output?: string
    rejected?: boolean
    rejectedCss?: boolean
    stdin?: boolean
    stdout?: boolean
    variables?: boolean
    safelist?: UserDefinedSafelist
    blocklist?: StringRegExpArray
}

其他实例

通过自定义路径 :

purge({
    paths: ["resources/{js,views}/**/*.{blade.php,svelte,vue,html}"],
})

通过自定义路径 + 安全列表样式 : (总是保持) #bruh, (中文(简体) ), .nice-button,以及 h1 样式)

purge({
    paths: ["resources/views/**/*.blade.php", "resources/{js,views}/**/*.vue"],
    safelist: ["bruh", "nice-button", "h1"],
})

带有已逃出前缀的固定的示例配置( E)sm:, (中文(简体) ), lg:等 :

purge({
    extractors: [
        {
            extractor: (content) => {
                return content.match(/[a-z-_:\/]+/g) || []
            },
            extensions: ["php", "vue", "html"],
        },
    ],
})

教书

https://github.com/erbelion/touric-vite-plugin-laravel-purces (中文(简体) )

👉 另见:

• 紫外插管丝绒特基特清洗器