为多个主scss文件创建CSS源地图
是一种在前端开发中常用的技术。CSS源地图（CSS source map）是一种文件，它将编译后的CSS代码映射回原始的SCSS或Sass源文件，以方便开发者在调试过程中定位问题。
优势：
- 方便调试：CSS源地图可以帮助开发者在浏览器的开发者工具中准确地显示源文件的位置，从而更容易地定位和修复问题。
- 提高开发效率：通过使用CSS源地图，开发者可以直接在浏览器中修改SCSS或Sass源文件，并实时查看更改后的效果，无需每次修改后重新编译CSS文件。
- 维护性强：CSS源地图可以帮助开发者更好地组织和管理多个主scss文件，使代码结构更清晰，易于维护和扩展。
应用场景：
- 大型项目：在大型项目中，通常会将CSS代码分为多个主scss文件，以便更好地组织和管理样式。使用CSS源地图可以方便地跟踪每个主文件的样式规则，提高代码的可读性和可维护性。
- 团队协作：在团队协作中，不同的开发人员可能负责不同的主scss文件。使用CSS源地图可以帮助团队成员更好地理解和修改彼此的代码，提高协作效率。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品和产品介绍链接地址：
- 云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目情况进行评估和决策。
相关·内容
我正在将我的工作流程转移到Sass中使用源地图，它运行得很顺利，但每次我在Chrome Devtools中进行更改时，我都会在覆盖我的main.scss时遇到麻烦。
我的文件结构是这样的：
scss - main.scss
|- inc
|-_mixins.scss
|-_typo.scss
|- etc...
main.scss包含多个@import "inc/mixins";行，显然每行都有不同的文件名。
我使用sass --sourcemap scss/main.scss css/main.css创建了一个源地图，然后开始使用sas
浏览 1提问于2014-06-02得票数 2
1回答
我构建了一个定制的Node脚本，它在JS中手动完成我所有的SCSS处理，而不是通过命令行或使用webpack。
这一过程如下：
查看.scss文件中的更改。
更改时，使用node-sass将SCSS编译为CSS，同时用node-sass生成源映射。
使用screen.css ()编写screen.css.map和`fs.writeFile文件
对于screen.css文件，我用fs.readFile重新读取它以获得缓冲区，并通过postcss运行CSS内容，使用autoprefixer插件自动修复所有CSS。然后，我再次使用fs.writeFile重写它，最后使用jsftp将其
浏览 2提问于2019-08-21得票数 1
回答已采纳
我需要将一个目录中的多个sass文件编译成另一个目录中的多个对应的css文件。例：
src/folder1/file1.scss --compiles to-- public/file1.css
src/folder2/file2.scss --compiles to-- public/file2.css
下面是我使用的命令：
./src/*/*.scss ./public
在尝试之前，我只使用.scss编译了所有的./src/*/*.scss文件，并在各自的目录中获取了相应的.css文件。但是，试图将这些文件转储到不同的目录中是行不通的。相反，其中一个.scss文件将一个.scss部
浏览 5提问于2017-03-05得票数 6
1回答
我正在努力使我的SASS源地图正确工作。问题似乎是源地图中的“source”属性，以及我的SASS文件是如何嵌套的。
我有一个Gulp任务，它将SASS编译成CSS。下面是一个例子
var paths = {
styles: {
src: './Stylesheets/SCSS/',
files: './Stylesheets/SCSS/**/*.scss',
dest: './Stylesheets/CSS/'
}
}
gulp.task('compile-sass
浏览 3提问于2016-12-02得票数 4
回答已采纳
我有以下任务，它将*.scss文件编译为scc，将它们缩小并连接到一个css文件中。
gulp.task("scss-to-css", ["clean-css"], function () {
return gulp.src(pathToScssFiles)
.pipe(sass())
.pipe(minifyCss({}))
.pipe(concat("app.min.css"))
.pipe(gulp.dest(contentDir));
});
是否可以将源地图从app.min.css添加到*.scss文件？
浏览 0提问于2015-11-17得票数 0
回答已采纳
我按照Gogle提供的指令安装源代码地图：
源地图正在工作，我可以在“元素”选项卡中看到.scss源代码链接。
但我有两个问题：
1-当我在"Elements“选项卡中编辑CSS属性时，指向.scss的链接中断，DevTools显示到已编译的.css文件的链接。
2-当我在“元素”选项卡中单击CSS属性时，“源”选项卡将成功打开，以显示相应的.scss文件。当我更改DevTools中的文件并试图保存它时，DevTools说该文件已经保存，但它实际上并没有保存在磁盘上(似乎它会在其他地方保存)。因此，sass手表不会更新.css，因为.scss文件实际上并没有保存在磁
浏览 4提问于2014-04-05得票数 4
回答已采纳
我正在处理的项目有一个复杂的样式表库，其中包含多个scss供应商的库，以及许多文件和文件夹，这些文件和文件夹包含编译成单个css文件的scss文件。
当我想要对css进行简单的更改时，我必须花费大量时间在源scss文件的文件结构中进行搜索。通常我只会在浏览器中使用开发人员工具，但这只显示了css文件的外观，而且大多数情况下，这些类是从多个来源创建的，并且相互覆盖，所以scss最终看起来不像css。
有没有简单的方法可以找到从scss编译的css的源代码？
浏览 2提问于2013-02-09得票数 3
回答已采纳
我在我的项目中使用Grunt0.4.5和这些依赖项：
"grunt": "~0.4.5",
"grunt-contrib-concat": "~0.5.0",
"grunt-contrib-uglify": "~0.6.0",
"grunt-contrib-watch": "~0.6.1",
"grunt-contrib-sass": "~0.8.1"
我刚刚注意到没有被添加到我的package.json文件中。是因为它没有咕噜声的前缀
浏览 3提问于2014-10-23得票数 3
回答已采纳
2回答
我有CSS源代码地图启用，但谷歌Chrome的行为就像他们被禁用。在我看过的所有资源中，我需要做的就是在DevTools首选项中启用源映射。那里显然启用了以下功能：
源地图位于我的CCS文件旁边，如下所示：
在DevTools > Elements >Style中，只有CSS文件，没有SCSS或SASS：
下面是我在Gruntfile.js中的grunt-contrib配置：
sass: {
dist: {
files: [{
expand: true,
浏览 2提问于2018-10-29得票数 5
回答已采纳
1回答
当使用SASS和连接我的文件使用gulp，并检查元素时，我无法看到css是从哪里来的。chrome Dev工具没有为CSS指定行号和文件号。我有一个主文件main.scss，我在其中导入了两个不同的文件
@import "test1";
@import "test2";
在每个文件中，我都有一行用于测试的代码，
// test1.scss
.test{
background: #ccc;
}
// test2.scss
.test{
background:#red;
}
下面是我用来生成输出文件的g
浏览 7提问于2016-11-21得票数 1
2回答
我是个新手，正在尝试让源地图正常工作。
文件结构
css/
sass/
theme/
_some-style.scss
_some-style-2.scss
_some-style-3.scss
style.scss
style.css
style.css.map
在我的style.scss文件中
@import "theme/some-style";
@import "theme/some-style-2";
@import "them
浏览 0提问于2016-11-04得票数 0
2回答
用Symfony，我创建了一个包。此包在/vendor中正确导入。这个包有两个公共文件：
/MyBundle/Resources/Public/css/mybundle.scss
/MyBundle/Resources/Public/js/mybundle.js
如何使用Wepack Encore在我的主projet中导入这些文件？
目前我正在做：
assets/js/app.js In
导入"../../vendor/gaylordp/mybundle/Resources/public/js/mybundle.js"；
assets/css/app.
浏览 0提问于2019-02-11得票数 2
回答已采纳
3回答
这里是我的工作流程，我有20个scss文件被导入到一个“app.scss”中，参见下面
@import
"base/normalize",
"base/foundation/functions",
"base/settings",
"app/functions",
"app/mixins",
"app/components/icons",
etc
SASS文件夹结构被组织为' SASS/base‘和SASS/base’root有一个'app.scss‘文件，该文件导入所有内容
我
浏览 6提问于2014-04-15得票数 1
回答已采纳
我有一个文件app.scss，它被编译成CSS，它使用编译成CSS，问题是在我的控制台中我总是有这样的错误：
GET http://localhost:8100/css/app.css.map 404 (Not Found)
实际上，当我在浏览器中检查时，并不太关心查看预处理的文件(我发现呈现的CSS更适合在浏览器中发现错误)。我想让这个错误信息消失。
我正在使用Gulp来构建应用程序，为了这个问题，这意味着文件从一个文件夹移动到另一个文件夹以供服务。
我试着用
sass css/app.scss:css/somethingelse.css --sourcemap
但结果却是：
DEPREC
浏览 8提问于2014-09-26得票数 3
回答已采纳
当我在CSS中使用带有DevTools的源代码地图时，是否可以在不丢失预处理文件链接的情况下更改样式？
更多解释
步骤1:我检查一个元素，我看到它的风格，我可以看到一个链接"global.scss"，完美。
步骤2:我改变了一个样式(就像一个像素)，我失去了"global.scss“链接，现在是"global.css”，我需要重新加载我的页面！
浏览 4提问于2014-02-20得票数 1
问题是-如何迫使Laravel不生成地图文件？
目前，如果我运行gulp，我将生成app.css和app.css.map文件。我不知道这个app.css.map文件是做什么用的，但我认为目前没有必要这样做。问题是-如何强迫吞咽不生成这个文件？
目前，我的gulpfile.js看起来是这样的：
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.sass('app.scss', 'public/css/app.css');
});
浏览 4提问于2015-03-08得票数 4
回答已采纳
我对、/、/ bower都很陌生，在过去的3天里，我的大脑开始散发出熏肉的味道。
我已经用yeoman生成器(0.4.9)生成了一个基本的webapp。
我正在使用scss版本的引导程序，并且我设法使源代码映射与我的Chrome一起工作，在我的using文件中在sass/server/选项下添加sourcemap: 'true'
sass: {
options: {
includePaths: [
'bower_components'
]
},
浏览 2提问于2014-04-17得票数 3
我有多个sass文件(一个style.scss包含所有的style.min.css )和几个css库，我想将它们合并到一个最终的style.min.css中。
我用长生不老药配置了两个任务：
编译我的sass文件：'style.scss‘(包含所有的包含)到css：'public/css/style.css’
将编译好的css：'public/css/style.css‘与其他样式表(库)组合成最后一个：'public/css/style.min.css’，这里是我的gulpfile：
elixir(function(mix) {
m
浏览 3提问于2015-11-03得票数 2
回答已采纳
我试图在LoginPage组件样式期间使用CSS变量，但收到以下错误：SassError: Undefined variable: "$main-background-color".此错误出现在_styles.scss文件中。
这是我的项目结构：
我将_variables.scss和styles.scss都导入到主index.scss文件中：
在导入变量时，我做错了什么？为什么我不能在_styles.scss文件中使用它们？
浏览 2提问于2020-02-23得票数 4
回答已采纳
我正在尝试使用gulp-sourcemaps为我的sass和js文件创建源映射，但sources: [ ... ]中的路径始终只相对于源目录，而不是目标目录。
我的项目结构如下所示：
project
|-- public/
| |-- css/
| | |-- main.scss
| | `-- dashboard.scss
| |-- js/
| | |-- dashboard/
| | | `-- dashboard.js
| | `-- app.js
| |-- index.html
| |-- app.min.js
| |
浏览 3提问于2015-06-25得票数 3
1回答
我已经设置了一个grunt项目，但是我错过了sass的源代码地图。style.css.map看起来如下所示：
{
"version": 3,
"file": "style.css",
"sources": [
"../style.scss",
"../_general.scss",
"../_align.scss",
"../_cf.scss",
"../_fixed-fluid.scss"
],
"so
浏览 4提问于2015-03-16得票数 3
1回答
在未缩小的CSS中使用Sass对我来说效果很好，但使用我的缩小的CSS就不行了。我猜这可能是因为引用首先被构建到编译后的css文件中，但随后缩小的版本更改了所有内容，然后引用失败了，这是不是？如果是这样的话，我仍然不知道该怎么做。任何帮助找到解决方案的人都将不胜感激。
这是我的主*scss-file的最后一行：
/*# sourceMappingURL=mytheme-full.css.map */
我在想，如果我改成下面的代码，它应该会起作用。但是不是的！
/*# sourceMappingURL=mytheme-full-min.css.map */
这是来自我的Gruntfile.js：
浏览 3提问于2014-10-28得票数 0
我需要生成两个css文件。我试着用
new ExtractTextPlugin(['css/style.css','css/head.css'], { allChunks: true })
在我的配置中
require('../sass/head.scss');
require('../sass/style.scss');
在我的主js文件中。
不幸的是，它会产生一个错误。我能做什么?
浏览 0提问于2016-07-18得票数 5
当使用Scout时，有没有一种方法可以防止它编译每个SCSS文件？我使用一个主SCSS文件来导入所有依赖项SCSS，因此只需要一个CSS文件输出，而不是每个SCSS都有一个CSS。
浏览 2提问于2013-03-13得票数 0
回答已采纳
1回答
源文件中的源图有错误
、、、
我正在尝试创建一个有效的源地图，包括Gulp和gulp源地图。实际上已经创建了Source，但是在内部，"sources“参数并没有加载我的SASS文件的适当路径。我得到的是：
"version":3,"file":"style.css","sources":["style.css"]
当我需要加载类似的内容时(由Koala App创建)：
"version":3,"file":"style.css","sources": ["../s
浏览 4提问于2018-02-16得票数 1
回答已采纳
我正在用Typescrypt开发我的第一个Angular2应用程序。以下是组件的一个示例：
home.component.ts
import {Component} from '@angular/core';
@Component({
moduleId: module.id,
selector: 'home',
templateUrl: 'home.component.html',
styleUrls: ['home.component.css']
})
export class HomeCom
浏览 7提问于2016-07-20得票数 3
1回答
css路径中的通配符选择器
、、、、
我正在尝试使用AngularJS项目的多个应用程序文件夹的咕噜-控制罗盘。下面是我的基本目录结构：
/root
/appA
/appB
...
/appX
/public
/modules
/moduleName
/css
/sass
gruntfile.js存储在/root中
我的指南针任务设置如下：
compass: {
dev: {
options: {
cssDir: 'app*/p
浏览 9提问于2014-12-10得票数 1
回答已采纳
你能帮我解释一下为什么离子2不能生成scss源图吗？在"ionic serve“之后，我导航到www/build文件夹，有main.css.map，但它包含null而不是生成的源地图，如何修复它？有人遇到过这个问题吗？
浏览 2提问于2017-03-01得票数 6
回答已采纳
4回答
我发现了许多类似的问题，但没有什么能真正解决我的问题。基本上，我在rails 3.x中使用的是基金会4.x，foundation_and_overrides包含在我的application.css中，一切都很好。我可以修改foundation_and_overrides中的变量，这一切都很好。但是，我想在我的其他scss文件(application/global.css.scss)中使用$主色变量(以及其他一些变量)。如果我在全局css文件中使用@import "foudation_and_overrides“，那么它可以工作，但它在编译的application.css中两次包含整个F
浏览 0提问于2013-07-23得票数 3
回答已采纳
我们有一个CSS和SCSS文件的组合。这是因为我们用SCSS编写了自己的样式，有些样式库也提供了SCSS文件，但我们也只有CSS文件，库供应商没有提供SCSS文件(例如，它们只提供CSS文件或更少的文件)。
下面是我们对SCSS文件的gulpfile.js任务：
gulp.src([
'bower_components/simple/simple.css',
//... more CSS files
'src/scss/app.scss'
],
{base: '.'
浏览 3提问于2017-08-28得票数 0
基本上，我希望源文件可以用于我的site.css文件的无限化和小型化的风格。我希望我的最终结果是：
site.css
site.min.css
site.css.map
site.css.min.map
目前，我只得到：
site.css
site.min.css
site.css.min.map
我知道我的剧本是错的，但我不知道如何修复它。在创建site.css之前，我需要源代码地图将源代码地图写入site.min.css。停下来！还有谢谢你
gulp.task('scss', gulp.series('bootstra
浏览 3提问于2018-11-06得票数 0
我一直在使用一个gulpfile，我现在已经修改了它，尝试将源地图添加到我编译的css和缩小的css文件中。
我在文件中有以下任务：
gulp.task('sass', function () {
return gulp.src('./src/sass/zebra.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer({
browsers: autopr
浏览 14提问于2017-03-01得票数 5
回答已采纳
我有一个Gulpfile，它使用gulp来缩小我的CSS，并且我还试图使用gulp源代码地图获取内联源代码地图(请参阅下面的代码)。没有任何管道通过Cssmin，我的内联源地图完全工作。但是，当我试图在我的“sass”任务结束时通过Cssmin，我的内联源代码地图就停止工作了。
// Compile SASS to CSS, add vendor prefixes, write sourcemaps, then minify
gulp.task('sass', function(){
return gulp.src([paths.sass, '!./_style
浏览 0提问于2017-01-25得票数 2
回答已采纳
2回答
我有一个项目，使用GruntJS与咕噜
我的主app.scss文件使用@import指令导入几个.scss文件，如下所示
@import "common/vars.scss"；
如果我在主app.scss中进行更改，一切都会正常工作。问题是，当我对正在导入的文件(如vars.scss)进行更改时，app.scss不会被更新。
这是我的手表任务：
watch: {
css: {
files: ['scss/**/*.scss'],
tasks: ['newer:sass'],
浏览 2提问于2014-06-02得票数 6
1回答
我如何处理CSS to sourcemap文件，使其保持附加的文件名+ .map？
假设我们有以下条件：
/assets/stylesheets/scss/
site.scss
other.scss
home.scss
/assets/stylesheets/compiled/
site.css
other.css
home.css
我要找的是：
/assets/stylesheets/scss/
site.scss
other.scss
home.scss
/assets/stylesheets/compiled/
浏览 11提问于2017-03-10得票数 0
我将文件保存为_import.scss，并使用@import "import"将它们导入到一个主Sass文件中。但是，当我保存这些导入文件时，会自动创建名为_import.css和_import.css.map的文件。
我不知道这是怎么回事。我使用的是崇高文本，我在我的系统上安装了Sass、Compass和Bourbon宝石。但是，我的命令行中没有运行sass --watch。这些文件是如何自动生成的，我如何阻止它？我只希望主文件导入这些文件，然后才从该文件创建一个.css文件。
我的项目目录看起来有点像这样：
- project
- scss
_imp
浏览 4提问于2015-02-07得票数 0
回答已采纳
在一个具有样式的项目中，我使用ExtractTextPlugin提取SCSS (对于公共SCSS)和组件Vue文件。问题是，当我试图写入一个固定的css输出文件时，只创建一个提取，而我希望将这两个提取附加到同一个css文件中。因为Vue的作用域样式意味着样式的作用域应该已经限定在特定的组件上，所以我不想为不同的页面包含单独的样式表。有没有一种方法可以让ExtractTextPlugin将几个提取的结果附加到同一个文件中？
我的webpack配置如下：
ExtractTextPlugin的定义：
const extractSass = new ExtractTextPlugin({
fi
浏览 2提问于2018-03-14得票数 0
回答已采纳
2回答
这是我第一次使用Gulp，我对自己做错了什么感到有点困惑，我的结构是这样的： assets
-> resources
-> dist
-> main.css
-> src
-> scss/bootstrap
-> scss/main.scss
-> js/bootstrap
-> js/main.js 我的目标是创建一个gulp文件，该文件将编译我的JavaScript和SCSS，并将它们输出为/dist中的"main.css“和"main.js”。
浏览 33提问于2019-10-07得票数 0
回答已采纳
我从另一个开发人员那里得到了一些文件，并被告知要做一些更改。在文件结构中，有一个.css文件和一个.css.map文件。
我对SASS比较陌生，但我的理解是您创建了一个.scss文件并使用命令行: sass -watch style.scss:style.css，它生成.css.map文件并将sass编译成css。
是否有一种方法只对.css文件和.css.map文件进行反向工作以生成.scss文件，或者其他开发人员可能忘记给我这些文件？
浏览 0提问于2019-05-17得票数 1
回答已采纳
Compass是否支持Sass中的--sourcemap选项？我想通过指南针运行Sass。我有过
sass_options = {:sourcemap => true}
在我的config.rb中，但是当我在我的项目文件夹中运行compass watch时，没有生成任何源地图文件。另一方面，当我运行
sass --compass --sourcemap --watch scss:css
将生成源文件，但会忽略config.rb。
(对于任何想知道源地图是什么的人来说，它是一个文件，当你检查一个元素时，它允许开发人员工具检查器指向Sass scss文件中样式的起源。)
浏览 0提问于2013-04-19得票数 11
回答已采纳
3回答
我有webpack配置为传输scss -> css，但是webpack生成的源代码地图不能解决scss @import的问题。
webpack.config.js：
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const outputPath = path.join(__dirname, 'dist');
module.exports = {
devtool: 'source
浏览 4提问于2017-10-03得票数 6
回答已采纳
2回答
我正在做一个类似于https://nystudio107.com/blog/a-better-package-json-for-the-frontend中描述的过程，但我想修改它，以便能够将不同的SCSS文件编译成同名的CSS文件，例如，fileA.scss编译成fileA.css。 如果我只是使用一个SCSS文件master.scss编译成site.combined.min.css，那么我现在所拥有的就工作得很好。 来自package.json "paths": {
"src": {
"base": "./sr
浏览 26提问于2019-06-13得票数 0
2回答
我对Gulp非常陌生，但我认为我已经掌握了它，直到我继承了一个需要开发工作的WordPress主题。
我一直在毫无问题地编译我的样式，直到编译editor-styles.scss
这是我的样式的基本文件结构：
theme-name
_static
styles
_admin
editor-styles.scss
editor-styles.min.css
admin-styles.scss
admin-styoles.min.css
login-styles.scss
浏览 0提问于2020-05-22得票数 2
1回答
Webpack 2.2.1，角2.4.7。
我正在创建一个网站，有多个主题使用SASS，但还没有能够让Webpack为每个主题创建单独的CSS文件。ExtractTextPlugin展示了它的前景，因为它为每个入口点创建了一个单独的CSS文件，而不是我需要的主题特定的文件。是否有任何方法可以将每个ThemeX.scss输出为/ThemeX.scss/ThemeX.css？请注意，主题的命名是不同的，但为了简洁起见，我使用了像ThemeA.css这样的名称。它们实际上是Sales.css，Engineers.css等。
主题的示例目录结构是：
src/assets/styles/themes/T
浏览 2提问于2017-02-15得票数 0
回答已采纳
2回答
特定于页面的Sass文件和复制
、、、、
我真的很难在Rails 3.1项目中组织Sass文件，以避免大量重复……
我有以下结构，application.css.scss作为我的主布局的一部分被导入：
application.css.scss
- [*= require] main.css.scss
- [@import] 'variables';
- [@import]'bootstrap_overrides';
- [@import]'bootstrap';
- [@import]'base_elements';
浏览 1提问于2012-10-19得票数 3
回答已采纳
3回答
格朗特-防止源斑
、、、
我的Grunt安装程序使用sass将我的.scss文件编译为src/..css和cssmin，以便将我的src/..css文件组合成main.css。
我想在SASS中使用新的源代码地图功能，但我不确定它是否真的对我有任何帮助，因为cssmin将把我所有的css文件都放到main.css中。
有人对此有任何洞察力吗？
我也是，现在试图关闭源地图在咕噜-控制-sass，它不会采取。下面是我的Gruntfile.js中的相关代码：
sass: {
dist: {
options: {
sourcemap: 'none'
},
files: [
浏览 2提问于2014-08-26得票数 5
我正在尝试将我的.css文件分成几个部分进行组织，并且我需要从任何文件访问文件组中的任何类。在Less中，我可以创建一个导入所有文件的主文件，并且每个文件都导入主文件，但在Sass中，我会收到一个循环错误@import。
// main.scss
@import "_a.scss", "_b.scss";
// _a.scss
@import "main.scss";
$colorA: #ff0000;
.classA
{
color: $colorB;
}
浏览 0提问于2018-07-26得票数 0
2回答
我正在用大量的SCSS文件对一个项目进行SCSS重构。
这里是我的方法:为每个SCSS文件创建一个新分支--重构.
例如，我创建了一个名为scss-lint-refactor-chicken的新分支并对其进行了签出，完成了重构(这将涉及到Chicken.jsx和Chicken.scss以及其他一些文件)并提交更改。
然后，我结账到主人，并合并分支。
主分支以这样的历史结束：
* 75d48b2 - (7 minutes ago) Merge branch 'scss-lint-refactor-chicken' - Rory Smith
|\
| * 9ea664f -
浏览 3提问于2016-08-05得票数 2
回答已采纳
我有几个JS和SCSS文件。我需要Webpack 4捆绑每个JS条目到一个JS文件和每个SCSS条目到一个CSS文件。JS文件不导入SCSS文件。我尝试用下面的webpack.config.js来完成它
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: {
scriptFoo: './src/js/scriptFoo.js',
scri
浏览 0提问于2018-09-29得票数 3
回答已采纳
3回答
我是新手，所以我现在正在学习这个。当前我从上面的链接中讨论的主题是使用Gulp进行#预处理
所有的东西都会变得很好，直到我测试了我的sass文件(为了知道它正在编译CSS )，我触发它没有将SCSS编译到CSS中，为什么会这样。
想知道.
我目前不在本地主机上工作。我已经在我的桌面上制作了项目文件。
我第一次手动创建CSS文件，以确保SCSS编译我当前的CSS文件。
我做错了什么。
更新:
在我的杯状文件:
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.tas
浏览 3提问于2017-10-04得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
