当前位置: 首页 > 知识库问答 >
问题:

Laravel Mix不组合样式

宇文勇
2023-03-14

这是我对Laravel Mix、NodeJS和NPM的第一次体验。我试着按照Laravel的文档做,并相信我做得对,但谁知道呢。

我正在尝试将几个CSS文件合并为一个。

webpack.mix.js

mix.combine([
    'resources/assets/css/components.css',
    'resources/assets/css/plugins.css',
    'resources/assets/css/layout.css',
    'resources/assets/css/default.css',    
    'resources/assets/css/custom.css'
], 'public/css/all.css');

if (mix.inProduction()) {
    mix.version();
}

运行

npm run dev

它似乎运行良好,并输出以下内容:

92ms编译成功
上午11:11:33

生成时间:11/23/2018 11:11:33 AM Asset Size Chunks Chunk Names/css/all.css 0 bytes[emitted]Entrypoint mix=mix.js

文件all.css是在我预期的地方创建的,但它是空的。我做错了什么?谢谢!

共有1个答案

章昊
2023-03-14

我相信combine只适用于缩小和组合js文件。对于css,您必须使用样式

 .styles(['inputA.css', 'inputB.css'], 'minified-output.css')

我没有在文档中发现这一点,但我尝试了它,它起作用了。资料来源:https://stackoverflow.com/A/48312321/2311074

 类似资料:
  • 将多个样式合并为一个新样式应用在单元格上 // 将粗体与斜体合并为一个样式 $format = new \Vtiful\Kernel\Format($fileHandle); $boldItalicStyle = $format->bold()->italic()->toResource();

  • 我试图更改JavaFX组合框列表的文本颜色,但它似乎不起作用。 返回以下内容:下拉列表文本不是白色 我该怎么解决这个问题?我的CSS知识不是很强。

  • 当将许多Excel文件与aspose组合在一起时,我得到的是单个工作簿(包含许多工作表的Excel文件)。但问题是我没有得到HTML样式(颜色,字体,大小背景颜色...)合并前的每个工作表中都有。 下面是我的java代码: 我不知道是否有一个选项使aspose在组合工作簿时考虑到样式?

  • 我正试图创建一个产品清单使用谷歌表。每种类型的产品都有许多属性(或变体),这些属性组合在一起可以创建单个产品。 例如,有 直径:1/4英寸、1/2英寸、3/4英寸等。 长度:1/2英寸、1英寸、1/2英寸等 材料:钢、不锈钢 等等 特定产品是这些变化的特定组合。例如: 1/4英寸X 1/2英寸钢制圆头方颈螺栓 我要做的是创建一系列只包含属性的列。因此,直径柱、长度柱、材料柱等。 然后,我想通过将这

  • 我正在使用Jetpack Compose开发Android应用程序。该应用程序显示项目列表。它还有一个包含搜索栏的顶部栏。 我们有3个组件:项目列表、搜索栏组件和应用程序栏(应用程序栏包含搜索栏)。 相同的 ViewModel 类注入到可组合列表和可组合搜索栏(使用 Hilt)中。视图模型具有以下项列表:

  • 以下样式的业务组件组合用css编写完成? 已经忙乎一两天了也画不出满意的效果