Como juntar vários ficheiros CSS num só quando se utiliza o wp-script?

5072 Respostas técnicas 19

使用 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 经验来知道要更改什么。

Comentários

Observações 1 Adicionar comentário
  • Avatar de Harry
    Harry.
    Tornar o complicado simples
    Responder

    您可以将 css 文件转换为 scss,然后在编辑文件(用于后端)中导入您的样式(用于前端):

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

    2 meses atrás Sem comentários

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.