如何在Laravel Mix中使用PurifyCSS?

时间:2018-06-18 10:16:56

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

我想在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是第一个,它也不起作用。

感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

非常简单,您可以声明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');