【问题标题】:How to Use PurifyCSS in Laravel Mix?如何在 Laravel Mix 中使用 PurifyCSS?
【发布时间】:2018-06-18 10:16:55
【问题描述】:

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

堆栈

Laravel: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。即使在this link 上,也没有人回答正确答案。即使 PurifyCSS 是第一个,它也不起作用。

感谢您的帮助。

【问题讨论】:

    标签: laravel laravel-5 laravel-5.5 laravel-mix purifycss


    【解决方案1】:

    相对简单,因为您可以声明 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');
    

    【讨论】:

    • PurifyCSS 支持不再可用。我们建议改用 PurgeCss + postCss。 @卡尔希尔
    猜你喜欢
    • 1970-01-01
    • 2020-06-23
    • 1970-01-01
    • 1970-01-01
    • 2023-01-02
    • 2019-12-14
    • 2020-08-03
    • 2020-07-27
    • 1970-01-01
    相关资源
    最近更新 更多