使用Laravel MIX将多个CSS编译为一个CSS

编程问答 2022-06-12

问题描述

我当前的webpack.mix.js配置为：

HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                connection.setRequestProperty(Constants.FILE_HEADER_KEY,Constants.FILE_HEADER_VALUE);

如果我有另一个CSS，比如说“ plugin-1.css”，如何合并两者，以便获得一个app.css的输出？

我尝试了['resources / css / app.css'，'plugin-1.css']，但这不是一个选择。

解决方法

您将它们链接

mix.js('resources/js/app.js','public/js')
.postCss('resources/css/app.css','public/css',[
    require('postcss-import'),require('tailwindcss'),]).postCss('resources/css/plugin-1.css',]).extract();
,

解决方案是将所有必需的css导入一个主css文件，然后在混合链中使用该文件：

app.css：

@import 'resources/css/plugin-1.css';
@import 'resources/css/plugin-2.css';

[the content...]
laravellaravellaravel-mix