如何使用更少的循环构建CSS
CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述文档展示方式的样式语言。它可以控制网页的布局、字体、颜色、背景以及其他外观样式的细节。
使用更少的循环构建CSS有以下几种方法：
- 使用CSS预处理器：CSS预处理器（如Sass、Less、Stylus）可以帮助开发者通过使用变量、嵌套、混合等特性来减少重复的CSS代码。这样可以减少循环编写类似的样式规则。
- 使用Flexbox布局：Flexbox是一种弹性盒模型布局，它可以帮助快速构建灵活且自适应的布局。通过设置容器和项目的属性，可以实现水平居中、垂直居中、等高布局等常见的布局需求，减少对于具体宽度和高度的依赖。
- 使用Grid布局：Grid布局是一种二维网格系统，可以将网页分割为行和列，从而实现复杂的布局。通过设置网格容器和网格项的属性，可以实现栅格布局、等分布局、响应式布局等。Grid布局提供了更多灵活的布局选项，可以减少对于嵌套元素的需求。
- 使用CSS模块化：将CSS代码拆分为多个模块，每个模块只负责特定的样式规则。这样可以使代码更加可维护和可重用，减少循环编写相似样式的情况。
- 使用命名约定：通过遵循一定的命名约定，可以减少编写重复的样式规则。例如，使用BEM（Block Element Modifier）命名规范可以使样式规则更加清晰和可读。
以上是一些使用更少循环构建CSS的方法，希望对您有帮助。如果您对具体的CSS知识有更深入的了解需求，可以提供更具体的问题，我将尽力为您解答。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS产品介绍：https://cloud.tencent.com/product/css
相关·内容
1回答
我正在寻找一个Java工具来在我的构建过程中添加静态文件的编译和压缩(css (更少)，js)。
我找到的唯一工具是。但是，由于我不使用Maven，所以我需要找到一个替代方案。
我的要求如下：
.less css文件的编译
能够组合css和js文件
版本化
压缩js并缩小css
易于与构建过程集成(开发与生产)
浏览 0提问于2011-11-08得票数 2
2回答
我一直想在web开发中学习构建自动化，但在构建Android应用程序方面只有蚂蚁的实际经验。
我想要构建利用率较低的网站，但我看不出如何实现这一点，因为在开发中使用嵌入式JS方法并在部署时将其更少地编译成CSS是一种很好的实践，但我不理解一个很好的方法，它可以匹配构建脚本中的较少链接和用于jess.js的JS。例如：
取代：
... html ...
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.j
浏览 0提问于2013-03-14得票数 2
问题是，我想在生成的图像上使用一个变量(动画延迟到特定)来实现一些css样式，而我不知道它们的数量--我可以用Jquery轻松地实现它，但是如果用更少的Css来实现它呢？
@iterations: ??; This loop will work if I know the num of iterations
// helper类，在所产生的css //将被调用的结果中永远不会出现，只要索引超过0
.loopingClass (@index) when (@index > 0) {
// create the actual css selector, example will resul
浏览 0提问于2013-04-26得票数 1
我目前正在构建的Ruby on Rails应用程序中使用less-rails gem。我想通过源码映射()的方式在Chrome中调试我的Less css文件，有人知道如何实现这一点吗？
浏览 0提问于2014-01-10得票数 13
1回答
我正在尝试从我的*.less目录编译assets/stylesheets/资源。我在这个目录中包含了一个文件，即masterpage.less。
我在我的addSbtPlugin("com.typesafe.sbt" % "sbt-less" % "1.0.6")文件中为更少的plugins.sbt添加了sbt插件。
说：
在运行中的可编译资产必须在app/assets目录中定义。它们由构建过程处理，更少的源代码被编译成标准的CSS文件。生成的CSS文件作为标准资源分发到与非托管资产相同的公用/文件夹中，这意味着编译后使用它们的方式没有区别。
浏览 2提问于2015-02-05得票数 4
回答已采纳
我想用一些来构建我自己的东西。由于我使用的更少，我搜索了较少的这些例子的CSS文件的来源，但我找不到。我在上找到的唯一一个GitHub包含编译的CSS。
我是否遗漏了示例的较少源文件，还是它们不存在？我不能让这些专业人员创建引导程序，用他们手中所有的伟大工具编写原始CSS。
浏览 4提问于2014-08-09得票数 0
回答已采纳
1回答
当使用在symfony 2框架上构建的Thelia ()时，开发人员为在默认模板中创建主题或更改变量提供了一个较少的模板系统。我可以看到它归结为一个文件styles.less，它调用所有其他文件，并且我可以看到较少的文件应该编译到其中的缩小的styles.css。但是在文档中，它们没有指定如何编译这个文件。
我发现了这个：
，它建议将自动资产生成设置为1(我已经这样做并清除了缓存，没有明显的重新编译。
我也发现：
，它告诉我修改我正在修改的文件，但是现在如何将它们编译成小型化的css。
搜索google会在php中发现一些不同的外部更少编译器的项目，但是考虑到基于symfony 2的theli
浏览 3提问于2015-03-21得票数 2
回答已采纳
我已经浏览并安装了以下软件包
我创建了一个名为style.less的文件，并插入了以下代码(只是为了实验)
@bgcolor: red;
body {
background: @bgcolor;
}
保存文件后，再按命令+b构建较少的文件。
当我点击命令+b时，我期望创建一个style.css
相反，我在控制台上收到一条消息说：
Errno 2没有这样的文件或目录cmd：[U‘such’，u'/Users/staff/Desktop/site/day2/css/style.less'，u'/Users/staff/Desktop/site/day2/css/sty
浏览 5提问于2013-04-09得票数 0
2回答
所以我编写了一个非常简单的React应用程序，但没有使用创建-反应-应用程序设置。我想自己学习CRA之类的东西是如何建立起来的。我基本上只是用webpack来构建和捆绑我的React应用程序。目前，我有一个Babel加载程序来翻译我的React/JSX，还有一个“HTML -加载程序”，用于我的HTML(我看了Webpack的教程说我需要它，但我仍然不明白为什么我要翻译我的HTML？)它是HTML，它甚至翻译成什么)？
我的项目目前还没有CSS样式，我想学习如何添加它。但我搞不懂我该用什么装载机。我非常肯定，我需要一个更少的加载程序来处理我的.less文件，但是较少的加载器会更少地编译到CSS
浏览 1提问于2018-05-04得票数 5
回答已采纳
我目前正尝试在一个项目中首次使用webpack，并且已经在ASP.NET文件中设置了一个Startup.cs核心项目，其内容如下
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions
{
HotModuleReplacement = true
});
我有Style文件夹，它也包含一些.less文件，我在项目的根目录中有一个webpack.config.js，包含：
const path = require("path");
cons
浏览 0提问于2019-07-19得票数 0
回答已采纳
2回答
我正在使用array_intersect()从我的Wordpress菜单中删除所有的classes，除了列出的项目。然后，我使用str_replace重命名这些类。这很管用，但感觉很草率。有没有更有效的方法来做到这一点？
function my_nav_menu_css_class( $classes ) {
$classes = array_intersect( $classes, array(
'current-menu-ancestor',
'menu-item-has-children',
浏览 4提问于2014-02-09得票数 0
回答已采纳
1回答
我的问题与问题无关，但我看了几个python脚本，如下所示：
''.join([i if ord(i) < 128 else '' for i in text])
列表构建在一个循环上，并包含一个IF语句。我试图在文档中找到这样公式的结构(例如，为什么把IF放在前面，FOR放在末尾)。我试图理解背后的逻辑，以便能够建立和发展我自己的公式。不幸的是，尽管我在网上查看了所有的文档和我购买的书籍，但这些信息是相当基本的(通常它们使用枚举列表，仅此而已)。你们中有谁能给我一个关于这个主题的更明确的文档链接吗？
我最近发现了dict(zip(a,b))-way来构建
浏览 2提问于2017-01-25得票数 1
回答已采纳
我的问题是:如何以更少的方式构建字符串，这取决于变量的参数数。例如，我想做一个混合器，这可以帮助我编写@font-face CSS规则。因此，我需要为任意数量的字体构建src:...字体属性(.eot、.ttf、.oft、.woff、.woff2、.svg)。下面是我处理列表中所有字体格式的Less循环：
// @some-types - it is my font formats list, just smth. like 'otf', 'eot',...
// @old-src-value - it is string with src for my fon
浏览 3提问于2015-07-13得票数 1
回答已采纳
1回答
在语义用户界面中，有很多问题问如何改变主题，但我甚至没有找到一个问题，它指的是动态地改变主题，即webpack构建之后。
我想让每个用户的网站，以保存自己的喜好为主题。我有一些用户喜欢深色的主题，还有一些人是色盲的，还有一些人的眼睛很弱，需要更大的字体，或者更多的对比等等。
我知道动态更改主题是可能的，因为语义ui演示都是这样做的。不幸的是，我看到的主题页面和所有文档描述了如何更改站点范围内的主题，并将其应用到新的站点范围构建中。或者定制(静态)站点范围的构建。
我想我很乐意将一个类添加到元素的类列表中(例如"github")，并让它为该用户使用这个主题(即使它只是针对该元素)
浏览 3提问于2017-03-14得票数 11
回答已采纳
1回答
我读过很多博客，这些博客说SystemJS和SASS transpiling可以工作，但是我在网上看到的每一个例子似乎都是预先处理SASS处理的(通过一个吞咽式的任务运行程序)，然后JavaScript代码导入生成的CSS。
我希望能够做的是让我的JavaScript文件直接导入SASS文件(并让我的SystemJS加载器在运行中将其导入CSS )。这只是为了开发目的，为了生产，我计划构建一个包含所有内容的静态文件。这个是可能的吗？如果是，这通常是如何完成的？
附加信息:我正在使用Angular2和类型记录。
谢谢。
浏览 4提问于2016-10-10得票数 13
回答已采纳
引导是加载到我的项目中的，从运行meteor add bootstrap命令后出现在.html文件中的以下内容判断。
<head>
<link rel="stylesheet" href="/packages/bootstrap/css/bootstrap.css?e5976308949024b827360231c67b6f50ee1cf8c5">
<link rel="stylesheet" href="/packages/bootstrap/css/bootstrap-responsive.css
浏览 2提问于2013-11-22得票数 0
回答已采纳
1回答
我正在尝试设置我的开发人员env，这样我就可以使用maven为正式构建编译更少的文件，但也让Eclipse为增量构建编译更少的文件，所以每次进行较少的更改时，我都不必继续执行maven任务。环顾四周-似乎wro4j & maven插件& m2e-wtp插件应该提供所有这些。
我的设置如下:我刚刚安装了最新的稳定Eclipse (Java包，其中包括WTP内容- v4.3)，并安装了m2e插件和m2e-wtp插件。
pom.xml:
<plugin>
<groupId>ro.isdc.wro4j</groupId>
<ar
浏览 2提问于2013-09-12得票数 5
回答已采纳
我从“崇高文本2”迁移到“崇高文本3”，但有些包不起作用，因为构建较少。当我试图构建我的.less文件(ctrl+b)时，控制台向我展示如下：
['C:\Otros programas\崇高文本3\Data\Packages\LESS-build\dotless.Compiler.exe'，'C:\xampp\htdocs\santa_anita\web\bundles\almacen\css\layout.less'，'layout.css']路径:C：\programas\Common\NetSarang；C：\programas\Comm
浏览 5提问于2013-08-23得票数 0
回答已采纳
3回答
自然，我试图在webpack配置中将较少的变量传递给较少的加载程序。由于某些原因，变量没有被传递，ok。我想不出正确的语法。
变量具有在构建时在webpack配置文件中确定的动态内容。这是相关的行(我尝试过许多不同的方法)：
loader: 'style!css?-minimize!less?-minimize&{modifyVars:{"resources-path-prefix":"' + pathPrefix + '"}}'
在上面的示例中，一些pathPrefix是在构建时确定的，我们希望将它的值传递给较少的上下文
浏览 3提问于2016-07-13得票数 5
回答已采纳
1回答
下面的代码使用了jQuery。有没有可能创建一个CSS唯一的版本使用循环。我见过显示DIVs的示例，但每个DIVs都是单独编码的，并带有时间延迟。如果我添加额外的DIVs，这样的代码将需要更新CSS。相反，如果可能的话，我想在CSS中使用某种循环。
$("#main-container div").each(function(i) {
$(this).delay(500 * i).fadeIn(1500);
});
.ig-element {
width: 200px;
height: 200px;
float: left;
border: 1px so
浏览 3提问于2019-11-02得票数 0
1回答
我有一个QMainWindow实例，它需要读取到xml文件。第一个文件保存构建ui所需的所有信息，第二个文件保存所有元数据。因此，在我的MainWindow的open函数中，我想在读取第一个文件之后绘制ui，如：
在MainWindow_的open范围中：
readFirstFile(QString filename);
update();
readSecondFile(QString filename);
但上述各点并无影响。如何在读取第二个文件之前强制绘制？
浏览 6提问于2017-02-15得票数 1
回答已采纳
1回答
在大多数版本的Bootstrap 2中，我可以在预构建步骤中使用“无标记”来编译和缩小ASP.NET MVC项目中的较少文件。
在推出Bootstrap 3之后，无点操作(目前)无法编译在项目中使用更少的版本。这个无懈可击的项目似乎是。我对将一种技术结合起来很感兴趣，我可以将它作为预构建步骤来编译更少的css，并与Bootstrap 3一起工作。
浏览 2提问于2013-08-21得票数 0
回答已采纳
我只想用bash启动一个容器。换句话说，一个不会停止的bash，我猜是一个交互式的bash或shell。 到目前为止，当我放入一些类似" bash“或"bin/bash”或简单的bash时，容器就会运行并停止。有没有办法启动一个持续运行的bash？ EDIT1 到目前为止，对我来说唯一有效的方法是这样写： command:
- tail
- -f
- /dev/null Edit2 我在这里的用例是，我想简单地构建一个docker镜像，以便在其中进行开发。所以这个图像包含了我需要的所有工具。 因此，我想知道这样容器应该如何启动。我不想在开始时运行任何开发工具
浏览 47提问于2021-01-27得票数 0
我使用cli命令创建了一个应用程序。我的角-cli.json文件看起来如下
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "lienholder"
},
"apps": [
{
"root": "src",
"outDir": "dist",
浏览 1提问于2017-09-07得票数 2
1回答
我已经安装了较少的编译器扩展
当我创建一个较少的文件并保存它时，它并不是为我构建CSS和min.css文件。
在右下角，我点击水印和更少是为项目启用。我在这里错过了什么？
请看一下截图。
更新1:我创建了一个测试MVC站点，并向其添加了一个较少的文件。这里也没有CSS生成。
更新2:，我已经安装了，现在WebCompiler已经安装好了。仍然没有css文件。选择文件和Shift+Alt+Q不能工作。此外，当我右键单击该文件时，在以下线程中讨论时不会得到重新编译菜单选项：
我正在使用VisualStudioEnterprise2017版本15.5.6
浏览 0提问于2018-06-15得票数 3
你们是如何维护使用Less/Sass构建的CSS的？
我喜欢Dev Tools/Firebug的一件事是能够看到css样式的行号。除了手动搜索.less/.scss文件来查找我想要修改的代码之外，有没有一种使用CSS预处理器来完成此操作的好方法？
浏览 0提问于2012-03-26得票数 60
回答已采纳
微软最近发布了。发布说明声明它支持
较少的编辑和编译器支持，以启用使用更少的动态CSS构建。
但是当我保存一个较少的文件时，它不会输出与一样的相应的CSS文件。我怎么才能让它这么做？
浏览 2提问于2013-04-19得票数 8
回答已采纳
1回答
我需要从web组件中导入较少文件的样式。我用的是webpack的小装载机。当我试图从较少的文件中导入样式时，我会收到一个错误，涉及到在“较少”文件中使用的变量。
webpack配置
module: {
rules: [{
test: /\.(css|less)$/,
use: [{
loader: MiniCssExtractPlugin.loader,
// loader:
浏览 5提问于2022-05-05得票数 0
1回答
简化更少的混入和参数
、、、
经过处理的CSS应该是简洁的，对吧？
我正在尝试使用<span class="icon-login">构建一个按钮图标库
在这个类中，我根据类名为它分配一个url。我较少的代码混合是：
.icon-finder(@url){
background-image: url("..images/icons/backend/@{url}-icon-36.png");
background-position: center center;
}
@url参数获取my assets中的图标名称。但是，为了使用这种混合，我需要创建大量的实例。
.icon
浏览 0提问于2016-04-04得票数 2
1回答
口气不太好
、、、
我的任务是：
html：
- transform .jade in .html
- copy bower resources (css, js and fonts) to /dest/vendor folder
- add bower resources to .html (script and link tags)
- add my js (from /dest/js) and my css (from /dest/css) to .html (like prev.)
构建
- clean /dest folder
- copy my js to /dest/js
浏览 2提问于2015-03-09得票数 1
回答已采纳
1回答
我试图做以下工作：
.bootstrap-scope {
@import "bootstrap.min.css";
}
我知道bootstrap.min.css在合适的位置，因为把@import "bootstrap.min.css";放在css页面的顶部很好。
无论如何，重点是能够发现什么是受引导的影响。我希望引导只适用于随附的div
<div class="bootstrap-scope">
...
</div>
有什么想法吗？这看起来应该很简单。
建议将导入放在类中。还有别的选择吗？
浏览 2提问于2015-03-21得票数 2
回答已采纳
我在angular-cli-build中有以下设置
Angular2App(defaults,{
lessCompiler: {
includePaths: [
'src/app'
],
}
})
我在src目录下有两个测试文件。
test1.less
//some code
test2.less
@import "test1.less";
当我ng build项目时，它抛出一个错误
Build failed.
File: input (1)
The Broccoli Plugin: [LESSPlugin] fail
浏览 1提问于2016-06-23得票数 9
我正在使用Angular CLI for Angular2项目。而且我在造型上使用的更少。
要使用Angular CLI编译更少的文件，我必须导入带有绝对路径的更少的文件。这打破了编辑器的智能感知。因此，我不想使用AngularCLI附带的LESSPlugin，而是使用IDE的less watcher和编译器(在vs代码和webstorme中提供)来编译less到css。
但是仍然存在于源代码中的文件更少，'ng serve‘试图编译更少的文件，这会破坏构建。
有没有办法将angular cli配置为忽略较少的文件并使用源文件夹中的可用css？
浏览 0提问于2016-07-05得票数 1
我正在做一个Create项目，它不支持css转发器，比如SASS和更少。正如讨论过的和一样，通常的解决方案是编译源代码..less/..scss并将构建产品.css导入到组件中。然后可以从源代码管理中删除所有.css，并且只跟踪..less/..css。
这是一个很好的解决方案，但是只有少数组件真正需要更少的清晰度/可扩展性；在大多数情况下，纯css是很好的。所以，我想要做的是在任何地方都使用.css，除了一些分散在各处的.less。我可以用较少的编译器来配置它，但是对于源代码管理，我只想查看“源文件”css文件，而忽略“构建”css文件(从更少的编译器生成)。正因为如此，我无法覆盖.giti
浏览 2提问于2017-06-15得票数 1
1回答
我已经用了很长一段时间了，但是最近我已经开始修补将引导程序集成到我的repos中。我试图在没有绝望的情况下创建一个工作流：
我有一个GitHub回购与我的网站的"dist“文件(前端/html/css/产品)，我可以经常更新。
我有一个目录，我可以保持启动，jQuery，Holder和Initializr最新的.
只要我觉得合适，我就可以把这些更新放到我的"Dist“目录中。
我可以将我自己的“自定义”CSS添加到Bootstrap生成的css之上。
因此，到目前为止，我想出了以下内容：：
GitHub repo ("mySite")
浏览 2提问于2015-02-24得票数 0
1回答
我在CMS应用程序中使用了Twitter启动网格系统。
当用户构建页面时，他们可以将任意数量的列添加到一行中。考虑这一行：
<div class="span9 row">
<div class="span5">span5</div>
<div class="span4">span4</div>
</div>
我想要做的是添加一个功能，用户可以在其中设置一行，在其中的列之间平均分配行的宽度。
因此，span5和span4类将被重写。这在本质上就像表行，但我认为使
浏览 3提问于2012-06-03得票数 1
1回答
在浏览了html5up.net中的css模板之后，我非常好奇设计站点/公司是如何生成它们的所有模板的。随着他们的大量生产，他们肯定会有某种有效的制度。起初，我认为经验丰富的设计人员可能会手工编写代码，并复制/粘贴从旧模板到新模板的大块代码。以这种方式将新模板松散地建立在另一个模板上将产生某种快速的生产。然后我想，由于前端文件组织得这么好，它们不能手工编写(或者至少不是大部分)--它们是从生成模板的编程中生成的，有点像构建模板的模板。我只想推测一下这种可能性，但我想知道一个人是如何制作出这样的模板的。如果不是这样，那是可行的吗？
浏览 4提问于2013-11-18得票数 0
回答已采纳
我只找到了一个关于这个的帖子，OP要求澄清，但没有得到任何信息：https://wordpress.stackexchange.com/questions/180845/how-to-enqueue-both-style-css-and-style-mobile-css-in-child-theme
我使用了一个非常标准的主题，并通过我的子主题中的functions.php文件中的enqueue函数设置了子主题。
我的问题是:主题也有一个/css/style-Mobilee.css，我认为这是相当标准的。如果我想对此进行修改，我将如何将它纳入我的孩子主题？
我假设我必须在functions.p
浏览 0提问于2016-05-17得票数 1
我总是使用预定义的CSS重置，以及WordPress核心CSS，以及我即将到来的CSS在任何项目中的工作。在我使用更少之前，我没有任何问题。
当我编写新的更少的代码并通过SimpLESS或任何其他编译器编译它时，我只需要从样式表(.css)中删除我现有的CSS (重置，WP核心)代码，然后用新编译的CSS更新它。
这对我来说真的很烦人，因为我第一次用的更少。
那么，我如何同时保存我现有的CSS和编译的CSS？
浏览 3提问于2015-09-21得票数 1
回答已采纳
1回答
或者，在sass文件中“导入”较少的文件的最佳实践是什么？
我正在用SASS构建一个rails项目，作为编写语法css的解决方案。SASS部分工作得很好，直到我发现一些开源项目的样式编写得更少，我真的很想重用它们的艺术品。
我应该让Rails预编译所有较少的和SASS文件，并按照指定的顺序对结果require文件吗？
这些第三方项目的许可证是不同的。了解知识产权法律的所有细节似乎对我正在做的小项目来说是太多的工作(例如，如果我更改了90%的css文件并仅仅使用了调色板，我是否应该保持css文件的许可？)，这个项目也将是开源的，所以我想暂时保持代码不变。
更新：--将所有更少的文件转换为SASS
浏览 4提问于2014-03-26得票数 1
回答已采纳
1回答
我试图得到一个自定义的SemanticUI构建集成到webpack vue.js模板。在jquery和SemanticUI模块集成方面，我没有遇到任何问题，但是我不能让更少的文件工作。
我用vue-cli和webpack模板创建了应用程序，并相应地通过npm安装了less-loader和style-loader。
在添加SemanticUI减少文件之前，我希望确保构建管道是否正常工作，因此我创建了以下文件夹结构和测试文件：
build/webpack.base.conf.js
resolve: {
// ...
alias: {
// ...
'semantic
浏览 5提问于2016-12-10得票数 5
1回答
我想在scss文件中使用“角”中的样式作为短地址。
我用这种方式来设计：
我在src文件夹中创建了一个文件夹，并将样式放在该文件夹上：
我去了angular-cli.json，我添加了以下内容：
"stylePreprocessorOptions": {
"includePaths": [
"src",
"src/stylings/",
"src/stylings/base/",
浏览 6提问于2020-05-06得票数 1
我正在尝试从Gulp迁移到Webpack的一个小项目的客户端构建(主要是服务器端的一些较少的JS文件)。
我有以下几条道路：
“样式/重新安置”
“样式/混合体.”
“样式/样式较少”
“脚本/scripts.js”
我只需要：
1-将较少的文件编译成一个"app.css“文件，并将其缩小为"app.min.css”。
2-将"scripts.js“文件缩小为"app.min.js”。
我有以下package.json文件：
{
"devDependencies": {
"webpack": &
浏览 0提问于2018-10-18得票数 1
回答已采纳
2回答
我对在react项目中使用SASS/SCSS感到有点困惑。我发现了一篇关于如何在react项目中使用SASS/SCSS的文章：，尽管在.tsx组件文件中导入.scss文件似乎非常好，如下所示：
import './component-1.scss';
但是，如何构建scss文件并将它们编译成css呢？如果浏览器能够理解scss文件，我们为什么需要这样做？还是我理解错了？如果编译scss文件是必要的，并且我们应该在组件中导入compiled css文件，如下所示：
import './component-1.css';
那么在编译之前我将如何实现这一点，因为目录中
浏览 2提问于2020-07-27得票数 3
回答已采纳
2回答
我正在使用twitter引导和django。我已经用一个pip需求文件处理了我的依赖项。
我有两个问题：
如何在开发过程中使用更少的文件，以便在编辑一个较少的文件时对其进行编译？
如何创建某种构建脚本，将压缩和组合我的JS和从更少的CSS作为部署的一部分？
我已经编写了一个自定义构建脚本，它创建了一个虚拟环境，运行了'pip -r requments.txt‘、django syncdb、django迁移，然后我们就走了。
将更少的内容集成到其中最简单的方法是什么？
谢谢
浏览 5提问于2012-01-04得票数 40
回答已采纳
2回答
我正在使用此链接自定义引导程序。当我下载的时候没有更少的文件，只有CSS文件里面的自定义引导程序。如何使用更少的文件获得自定义引导程序。
浏览 0提问于2016-04-27得票数 0
我想构建一个左边栏，当您不使用jquery等框架单击链接时，它会在右侧div中打开内容。
你能告诉我这个的资源吗？我在Dynamic Drive和Google上都找不到像样的资源。
此外，我需要资源来建立其他javascript和css工具，而不使用框架。
提前感谢您的帮助。
浏览 3提问于2011-03-03得票数 0
我是一个php开发人员，并没有做太多的前端工作3或4年，所以我觉得是时候更新我的技能集。我想安装一个较少的编译器和设置一个引导工作流程使用我的Ubuntu桌面。我知道如何使用基本的预编译引导，但我有点迷失了所有这些东西。我需要使用它，因为我想把引导带到一个现有的应用程序上，该应用程序在html输出中拥有它自己的css类，而这些类实际上并不容易更改。因此，我需要扩展较少的文件来将这些类添加到引导css中。
我只是不知道从哪里开始。有没有人知道教程，这将引导我安装和设置较少的编译器，然后如何使用它，以便我可以有效地工作。Iv搜索，但真的可以找到任何Ubuntu特定或最新的图集。
浏览 2提问于2016-03-31得票数 0
回答已采纳
我们刚刚从我们的构建中删除了Gulp，并使用了捆绑器和缩略器()和编译器()，并且bundleconfig.json和compilerconfig.json都勾选了“在构建时启用捆绑包”和“在构建时启用编译”，但是当我构建或重新构建解决方案时，没有生成任何输出文件。如果我右键单击json，并手动地“更新包”或“重新编译所有文件”，那么这些文件就会自动生成。我读到由于bootstrap的原因，这些包不会在构建时编译，并且只有在解决方案中已经有相应的css和js输出文件时才会在构建时编译，但我可能读错了……理想情况下，我不想包含。合并我的代码时GIT中的所有文件。任何帮助都是非常有用的。谢谢!
浏览 8提问于2017-07-18得票数 1
我似乎在网上找不到答案。
我已经为我的站点编写了所有的CSS代码，没有时间将它重新格式化为更少的格式，但是我刚刚发现了更少的CSS代码，以及它如何对某些功能有用。例如，我想用更少的内容编辑我的html页面上的表单，但是我编写的CSS其他内容都很好。有什么办法把两者结合起来吗？如果我加载两个单独的文件，我是否可以让CSS影响HTML页面的某些部分，而更少地影响其他部分呢？
浏览 3提问于2017-03-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
