Como juntar vários ficheiros CSS num só quando se utiliza o wp-script?
使用 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 经验来知道要更改什么。
-
您可以将 css 文件转换为 scss,然后在编辑文件(用于后端)中导入您的样式(用于前端):
// edit.scss
@import ‘./style.scss’;
这样,你就可以在编辑器中看到前端样式,并且可以为后端添加其他规则2 meses atrás