0

我尝试使用 Tailwind、CSS 文件和 Laravel Mix 在现有项目中实现 PurgeCSS。我安装了这个包laravel-mix-purgecss,在这之后我的项目不起作用。

错误信息:

./resources/css/style.css 中的错误模块构建失败(来自 ./node_modules/css-loader/index.js):ModuleBuildError:模块构建失败(来自 ./node_modules/postcss-loader/src/index.js) : 错误: [object Object] 不是 PostCSS 插件

当我删除 .purgeCss(); 项目工作正常!

清除 CSS 之前(这工作正常)

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

mix.js('./resources/js/main.js', './js/main.js')
    .postCss('./resources/css/style.css', './css/style.css',
        tailwindcss('./tailwind.config.js')
);

mix.browserSync({
    server: true,
    proxy: false,
        files: [
            './js/main.js',
            './css/style.css',
            '*.php'
        ],
    })
    .copyDirectory('./resources/media', './media');

设置 PurgeCSS 后

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

mix.js('./resources/js/main.js', './js/main.js')
    .postCss('./resources/css/style.css', './css/style.css')
    .options({
        processCssUrls: false,
        postCss: [ tailwindcss('./tailwind.config.js') ],
    }).purgeCss();

mix.browserSync({
    server: true,
    proxy: false,
        files: [
            './js/main.js',
            './css/style.css',
            '*.php'
        ],
    })
    .copyDirectory('./resources/media', './media');
4

0 回答 0