SCSS未编译“@use”语句

文章/答案/技术大牛

发布

1回答

css、sass

我正在使用Gulp将scss编译为css。当我使用@use语句时，似乎没有将css正确编译到css文件中，只是复制了@use语句。我做错了什么？SCSS： @use 'icons';...... } CSS： @use 'icons'; /

浏览 69提问于2020-08-28得票数 0

回答已采纳

1回答

它不是重新编译每个更改上的所有样式表，而是只编译所需的样式表--但这导致了复杂的“监视”路径，涵盖了许多文件，这些文件仅反映了每个模板的主要SCSS文件中的内容(其中包含@use/@import语句)。然后，我突然想到，与其写出所有的监视文件，不如直接“爬行”SCSS文件，递归地抓取所有的文件，以供任何@use/@import语句使用，这不是很好吗？/templates/blog'; 是否可以获取其@i

浏览 3提问于2021-04-27得票数 1

回答已采纳

4回答

编译SCSS时出现假阳性“未定义变量”错误

sass

使用红宝石编译我的SCSS时会收到错误消息。run: /var/lib/gems/1.8/gems/compass-0.12.2/bin/compass compile out: unchanged sass/partial/grid.scssout: error sass/partial/catalog.scss (Line 5: Undefined variable: "$parag

浏览 6提问于2013-07-31得票数 71

回答已采纳

1回答

Webpack输出多个scss文件(一个已编译，一个未编译)

webpack、sass、sass-loader

是否可以配置webpack以便将未编译的scss文件与已编译的scss一起输出？styles/webpack.config.js: entry: path.resolve(__dirname, "./lib/index.css", ], ru

浏览 9提问于2022-09-26得票数 1

回答已采纳

1回答

Dart sass忽略基金会sass文件中的导入

css、sass、zurb-foundation

我创建了一些示例scss文件来测试@use语句，并确保自动修复正常工作。但是，我不明白为什么sass命令忽略了@import文件中的foundation.scss语句。注意:这里我特别不使用node-sass，因为它还没有(还)识别@use语句，但是从我所能看出的情况来看，这个设置应该能工作吗？谢谢你的洞察力！更新:根据直觉，我尝试在app.scss中将@use替换为@import语句--结果相同。/no

浏览 4提问于2019-12-19得票数 2

回答已采纳

1回答

@使用规则在使用崇高的文本3

css、sass、gulp、sublimetext3、gulp-sass

我使用gulp将我的sass (SCSS)文件编译成css。所有操作都正常，但是当我使用@use来包含一个分部时，它会将@use规则语句编译成css，而不是包含该部分文件代码。但是当我使用sass的@import规则时，它成功地编译并将部分scss文件代码包含到css中。但是sass文档不建议使用@import规则，所以我想使用@use规则。

浏览 2提问于2020-06-16得票数 0

回答已采纳

1回答

Webpack用Postcss编译失败是因为没有在node_modules库中找到scss文件

angular、webpack、postcss、postcss-loader、postcss-import

angular.jsonpostcss.config.jstsconfig.webpack.json当我试图用yarn编译或构建这个项目时，它失败了，因为它在node_modules中找不到scss文件：该文件属于角 },

浏览 6提问于2019-12-27得票数 2

回答已采纳

1回答

如何在PHP中使用CSSModules (非SPA)

php、webpack、postcss、css-modules

我使用带有autoprefixer，browsersync，postcss和更多的工具来编译和热重新加载项目的一部分，同时开发。我知道postcss还有一个叫做的插件，我想用它。现在，我想将一个css模块(这是一个未编译的scss文件)绑定到每个php文件(就像在React中使用css模块时所做的那样)。我该怎么做呢？我仍然希望css在编译后在一个大文件中进行抵抗。(scss|css)$/,

浏览 1提问于2017-04-01得票数 2

1回答

尝试在Compoundjs中定义资产编译器时出现未定义的方法错误

javascript、node.js、compoundjs

我正在尝试定义一个资产编译器，但是，我总是得到一个错误： scss: require('node-sass'), destExtension');

浏览 13提问于2013-03-31得票数 0

回答已采纳

1回答

Webpack没有编译/包括我正在开发的scss文件。

reactjs、webpack、sass-loader

我的问题是，我的scss文件要么没有正确编译，要么没有包含在我的开发模式中。但是，在为生产建造之后，这些风格也包括在内。这个问题很令人困惑。请帮帮我。我在开发配置中处理scss文件的webpack配置如下： test: /\.scss$/, 'style-loader', ], }, 'sass-loader'

浏览 3提问于2017-06-13得票数 0

2回答

狼吞虎咽地观看所有文件，但只呈现一个文件(sass)

gulp、gulp-watch、gulp-sass

因为我使用导入所有所需文件的scss，所以不需要编译所有的.css文件，只需要编译主文件。/sass/style.scss') .pipe(gulp.dest('./sass/**/*.scss', ['sass']);我必须进入./sass/style.scs

浏览 3提问于2015-08-22得票数 5

回答已采纳

1回答

如何与Vue一起使用早午餐

django、vue.js、brunch

我正在尝试与Vue和Django一起使用早午餐，但我得到一个空白页面，当我尝试在我的js中放置断点时，我发现它失败了：使用“未捕获的</body>我的js是：import VueRouter from 'vue-router' Vue.use/mai

浏览 15提问于2018-03-01得票数 0

1回答

如何在同级导入中访问使用@use方法导入的变量

sass

这是我的main.scss文件。@use "../../../style/variables" as *; @use "../../..)

浏览 3提问于2021-07-11得票数 0

回答已采纳

2回答

npm SCSS未编译

css、node.js、npm、sass

我已经正确地安装了NPM并编写了我需要编译的main.scss文件。"test": "echo \"Error: no test specified\" && exit 1",在编译npm目录时必须指定输出目录！重新创建-网站@1.0.0编译:sass：no

浏览 4提问于2020-03-08得票数 0

1回答

SCSS未映射/编译

html、css、sass

终于有时间探索一下网页设计了，但是现在我的scss代码不能编译了。废话。我第一次注意到我的更改没有显示在实时预览(括号)中。然后我检查了相应的.css文件，在其中我可以看到我的更改不再被映射。然后，我将.scss代码复制到剪贴板，删除了所有文件(在本例中为home.scss、home.css和home.css.map)，并创建了一个新的home.scss-file。然后，我将代码复制到.scss文件中并保存，但是再一次没有映射任何内容。不知道这里出了什么问题。以前有没有人遇到过这种情况

浏览 7提问于2017-02-23得票数 0

1回答

Scss文件未编译

webpack、extracttextwebpackplugin

我在src/css下有scss文件，想通过webpack编译一下。它似乎不起作用。可能的根本原因是什么？/custom.css'); test: /\.scss$/, ],

浏览 5提问于2018-02-28得票数 0

1回答

SCSS Mixin未编译

html、css、sass

我正在尝试使用mixins来创建可重用的代码，但它似乎无法编译。main.scss具有所有这些导入 @import "base/base";@import "base/colors"; @import "pages

浏览 12提问于2020-08-22得票数 0

2回答

为什么@use在Web编译器Visual Studio扩展中不起作用？

sass、web-compiler

我正在运行Visual Studio 2019 (16.3.9)，使用Web编译器扩展(1.12.394)来编译scss文件。$color: blue; background-color: $color;它被编译成这样： background-colordefault; background-color: $color;然后，我将我的test.

浏览 1提问于2019-12-12得票数 6

2回答

如何使用@use跨多个页面使用SASS $variable？

css、sass

我正在尝试使用一个变量，该变量是在另一个部分的一个部分上声明的，这两个变量都将使用@use加载到main.scss文件中，然后将其编译成css。style.scss_global.scss_header.scss color: $black当我运行尝试编译style.css时，我得到了以下错误╷ 3 │

浏览 1提问于2020-02-01得票数 12

回答已采纳

2回答

将SASS/SCSS变量导出到Javascript，而不将它们导出到CSS

javascript、css、vue.js、sass

/brand/_variables.scss";理想情况下，我试图避免有一个单独的文件名为_export.scss的解决方案，例如，它的目的只是将所有SCSS变量导出到JS，但它被排除在所有CSS构建之外.导入，而是从_export.scss导入，如下所示： im

浏览 1提问于2019-08-17得票数 25

回答已采纳

点击加载更多