仅将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