Laravel Mix:编译 Less 样式 Draft
const mix = require('laravel-mix');
require('laravel-mix-purgecss'); // 引入PurgeCSS插件
/*
|--------------------------------------------------------------------------
| 编译Less样式文件
|--------------------------------------------------------------------------
|
| 使用`less`方法编译Less样式文件,并自动处理前缀和压缩。
| 使用`purgeCss`方法应用PurgeCSS插件,移除未使用的CSS。
|
*/
mix.less('resources/less/app.less', 'public/css')
.postCss('resources/css/app.css', 'public/css', [
require('tailwindcss'),
])
.purgeCss({
enabled: mix.inProduction(),
folders: ['src', 'templates'],
extensions: ['html', 'js', 'php', 'vue', 'twig'],
});
这段代码使用Laravel Mix来编译Less样式文件,并集成了Tailwind CSS预处理器,同时使用PurgeCSS插件来移除未使用的CSS。这是一个典型的现代前端工作流程,适用于自动化编译和优化样式文件。
评论已关闭