将引导SCS导入Django项目

Question

我的问题与latest Bootstrap 4.x release (beta)有关

我通过从CDN导入CSS

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

我是否正确地假设，在我的自定义scs中，我不能访问引导的变量（因为它是编译的CSS，而不是scs）？我试图改变$spacer: 1rem !default;，但没有成功。在

Answer 1

1. 问题1

   您的假设是正确的，即scs在被浏览器呈现之前被编译成CSS。您应该记住，SCSS（或SASS）是CSS预处理器，不能由浏览器直接呈现。为此，我们有单独的编译器来将scs转换成CSS。

2. 问题2

   您可以将这些克隆的SCSS文件从Git复制到静态文件夹中，然后需要通过前端自动化工具将其编译为CSS，例如：

   • npm公司
   • 咕噜
   • 吞咽
   • 网页包

Answer 2

CSS没有变量，它们存在于SCSS中。这些变量在编译过程中被替换为它们的值。所以是的，您需要下载引导程序的SCSS源代码，并将它们与您自己的SCSS文件一起编译。在

实现它的一种常见方法是使用webpack-而不考虑后端技术。它是一种基于节点.js（因此您也必须安装它）它允许您管理静态资产，包括JS和CSS libs的安装；ES6到ES5，LESS和SCSS到CSS的编译；捆绑；缩小等等。在

每个活动通常需要一个插件。第一次让webpack按预期工作实际上是相当困难的，但它是一个很常见的web开发工具，值得学习。您可以将webpack配置为下载和编译引导程序。在