css - 使用 bootstrap 4 构建工具添加我的自定义 css 文件

标签 css npm bootstrap-4

我能够使用构建工具自定义 Bootstrap 4 变量 this

我的问题是如何在构建过程结束时通过运行 npm build dist 生成另一个 css 文件 MyCustomStyles.css?我制作了一个 _MyCustomStyles.scss 并编写了我的代码,但是 npm build dist 只生成 Bootstrap 文件而不是我单独的 css 文件。我不想要我在 _MyCustomStyles.scss 包含在 bootstrap 4 文件中。
我该怎么办?

最佳答案

我能够通过向 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",

关于css - 使用 bootstrap 4 构建工具添加我的自定义 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52972286/

相关文章:

jquery - 如何将最大行数设置为文本区域输入标签?

html - 将表列分成 3 个部分

html - 将输入字段与选择字段对齐

html - 如何调用基于浏览器的css?

ReactJS:Pngquant 构建失败,请确保安装了 libpng-dev

node.js - 错误 : Cannot find module 'npm-registry-client'

node.js - 将 ESLint 与 sublime 集成时出错

html - 折叠后我的导航栏不将元素显示为列表

css - 如何更改此 Bootstrap 4 切换开关的 "checked"背景颜色?

JavaScript/CSS/图像引用路径