小编Bor*_*nie的帖子

如何为我的古腾堡块设置 webpack 以提取多个 css 文件并根据样式表的名称捆绑这些文件。

Zack Gordon 在 webpack 3 中使用了 Extract Text Plugin，效果非常好。但是对于 webpack 4，我不得不切换到 mini-css-extract-plugin，在其中我无法再使用它了。

在下面查看我当前的设置，以便您了解我正在尝试做什么。

这是我的项目文件夹：

Plugin folder
|-- [src]
|   |-- [block1]
|   |   |-- block1.js
|   |   |-- style.scss
|   |   `-- editor.scss
|   |-- [block2]
|   |   |-- block2.js
|   |   |-- style.scss
|   |   `-- editor.scss
|   `-- index.js
`-- [build]
    |-- index.js
    |-- style.build.css
    `-- editor.build.css

在 block1.js / block2.js 中：

import './style.scss'
import './editor.scss'

在 index.js 中：

import './block1'
import './block2' …