使用Bootstrap 4构建工具添加我的自定义CSS文件

Question

我能够根据以下使用构建工具来自定义Bootstrap 4变量 this

我的问题是，如何在构建过程结束时通过运行MyCustomStyles.css来生成另一个CSS文件npm build dist？我做了一个_MyCustomStyles.scss并编写了代码，但是npm build dist仅生成了引导文件，而不是单独的CSS文件。我不希望我在_MyCustomStyles.scss中编写的代码包含在引导4文件中。
我该怎么办？

Answer 1

通过向package.json添加必需的命令，我能够生成新的CSS文件

"css-compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap.scss dist/css/bootstrap.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap-grid.scss dist/css/bootstrap-grid.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap-reboot.scss dist/css/bootstrap-reboot.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/styles.scss dist/css/styles.css",