使用 wp-script 时如何将多个 CSS 文件合并为一个？

5072 2个月前技术解答 18

使用 wp-scripts 开发一个块主题。
我仍在尝试弄清楚如何正确设置所有内容，并且需要有关生成的 css 文件的一些帮助。

由于大多数块（以及整个主题）共享许多顺风类，我希望所有 css 最终都位于构建文件夹中的一个 css 文件中。

我们的文件夹目前具有流动结构：src

src/
├─ blocks/
│ ├─ [block name]/
│ │ ├─ edit.js
│ │ ├─ index.js
├─ css/
│ ├─ style.css
│ ├─ edit.css
edit.js和进口和分别。
我也希望生成的 css 也位于两个这样的 css 文件中，但是当我运行时，我最终在每个块文件夹中都有几个 css 文件。index.jsedit.cssstyle.csswp-scripts build

我认为这可能是我可以通过更改 webpack 配置来解决的问题（我现在使用默认配置），但我没有足够的 webpack 经验来知道要更改什么。

共1条回复我来回复

Harry
把复杂的事情变得简单
评论

您可以将 css 文件转换为 scss，然后在编辑文件（用于后端）中导入您的样式（用于前端）：

// edit.scss
@import ‘./style.scss’;
这样，你就可以在编辑器中看到前端样式，并且可以为后端添加其他规则

2个月前 0条评论