javascript - 仅构建 scss 文件到 css 防止编译/构建 JS 或仅构建 js，同时防止使用 webpack 4 编译 scss

Question

所以我试图从 index.js 文件中一次只创建 css 文件或只创建 js 文件，它导入了很少的反应组件。

.
├── index.js
    ├── Header
        ├── index.js
        └── styles.scss
    └── Body
        ├── index.js
        └── styles.scss
    └── Footer
        ├── index.js
        └── styles.scss
    ├── Common
        └── Button
            ├── index.js
            └── styles.scss
        └── Label
            ├── index.js
            └── styles.scss

现在我如何创建两个不同的任务npm run build:js并npm run build:scss以不同的方式获取 js 和 css？有时我只需要更改样式，但我也必须为 js 构建。为了防止这种情况，我正在尝试这个。

EDIT1 - 还有一件事我忘了添加，所有这些Header, Body, Footer组件都导入不同的分子级组件，例如Button, Label. 最后预期的结果是

.
 ├── Header.js
 ├── Header.scss
 ├── Body.js
 ├── Body.scss
 ├── Footer.js
 └── Footer.scss