时间戳

首页 > 解决方案 > 如何在 Laravel Mix 中使用 PurifyCSS？

laravel - 如何在 Laravel Mix 中使用 PurifyCSS？

问题描述

我想在 Laravel 中使用PurifyCSS，但我无法让它工作。

堆

拉拉维尔：5.5.4

NPM：6.0.0

Node.js：8.10

代码

mix.styles([
    'resources/assets/css/panel/a.css',
    'resources/assets/css/panel/b.css',
    'resources/assets/css/panel/c.css',
    'resources/assets/css/panel/d.css',
], 'public/css/panel.css').options({
    purifyCss: {
        purifyOptions: {
            info: true,
            rejected: true,
            minify: true
        },
        paths: ['resources/views/admin-layout.blade.php'],
        verbose: true
    },
});

我在互联网上搜索，但找不到任何东西。我想从所有 Blade 页面中删除未使用的 CSS。即使在此链接上，也没有人回答正确答案。即使 PurifyCSS 是第一个，它也不起作用。

谢谢您的帮助。

标签： laravellaravel-5laravel-5.5laravel-mixpurifycss

解决方案

相对简单，因为您可以声明mix变量然后设置选项。

const mix = require('laravel-mix');

mix.options({
    purifyCss: true
});

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

推荐阅读