我尝试使用 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');