我的目标是为多个公司项目创建一个可重用的Bootstrap主题。我遵循了official theming docs并创建了custom.scss。 但是我应该如何构建主题以进行分发？据我了解，最终结果应该是经过编译的缩小的CSS文件，例如my-theme.min.css
首先，我尝试了Webpack的SASS和CSS加载程序，但随后意识到Webpack的目的是创建JavaScript包而不是CSS文件。
然后，我读到有关官方build tools的信息，该文件似乎正在执行我想要的一切，但我不知道如何引用node_modules中的npm脚本并使我的{{1} }入口点。
答案 0 :(得分：0)
因此，您已经完成了所有工作，现在需要将scss转换为css文件。让我们逐步尝试一下。
安装节点（如果尚未安装）。 https://nodejs.org/en/download/
npm install node-sass -g中键入全局安装 node-sass 。 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文件。您可以通过以下第三点的共享链接来完成此操作：node-sass style.scss style.css --output-style compressed。
答案 1 :(得分：0)
我将从头开始解释： 下载Ruby，因为sass是用Ruby编写的。打开“使用Ruby启动命令提示符”，然后输入以下内容：
gem install sass
如果您确实通过软件包管理器安装了引导程序；将此代码写入main.scss
@import "../node_modules/bootstrap/scss/bootstrap";
然后导航到您的工作目录，其中保存了main.scss或main.css文件。在命令行中输入以下代码：
sass main.scss main.css
这将初始化将sass编译为CSS。
如果您确实下载了引导程序源文件，请在源文件夹中找到“ scss”文件夹
BOOTSTRAP\bootstrap-4.2.1\bootstrap-4.2.1\scss
并将其复制到项目中的样式文件夹中，您将在其中保存所有样式文件：css，scss，bootstrap 然后将“ bootstrap.scss”文件导入main.scss
@import "./scss/bootstrap.scss";
现在通过输入以下代码初始化编译：
sass main.scss main.css
最后，您可以输入：
sass --watch main.scss:main.css
观看main.css中的所有更改 不要忘记：您将CSS代码写入main.scss，sass将其编译为main.css，并在html中链接main.css文件。
如果您使用的是Visual Studio代码，则可以安装“ Live Sass Compiler”扩展，在下面的安装中，您将看到“ Watch Sass”按钮。在style文件夹中创建main.scss文件，然后按照我上面的说明导入文件后，单击“ watch Sass”按钮，它将开始编译。