我的目标是为几个公司项目制作一个可重复使用的 Bootstrap 主题。我关注了official theming docs 并创建了我的custom.scss。 但是如何构建主题以进行分发？据我了解，最终结果应该是编译后的缩小 css 文件，如 my-theme.min.css
首先我尝试了 Webpack 的 SASS 和 CSS 加载器，但后来意识到 Webpack 的目的是创建 JavaScript 包而不是 CSS 文件。
然后我读到了官方的build tools，它似乎在做我想做的一切，但我不明白如何从node_modules 引用npm 脚本并将我的custom.scss 作为入口点。
【问题讨论】：
标签： webpack sass bootstrap-4 theming
所以你已经完成了所有的工作，现在你需要的只是将scss 转换为css 文件。让我们一步一步尝试。
如果尚未安装，请安装 node。 https://nodejs.org/en/download/
通过在终端中键入以下内容来全局安装 node-sass：npm install node-sass -g。 https://www.npmjs.com/package/node-sass
通过在终端输入 node-sass style.scss style.css 将 scss 转换为 css，其中您的 style.scss 是您创建的文件，style.css 是您创建的文件你想生成。更多选项请关注命令行模式：https://www.npmjs.com/package/node-sass#command-line-interface
您还需要缩小生成的 css 文件。您可以按照第 3 点中的共享链接执行此操作：node-sass style.scss style.css --output-style compressed。
【讨论】：