主scss文件未使用脚本更新所有导入的文件
是指在前端开发中，主scss文件没有使用脚本来自动更新所有导入的文件。
SCSS（Sassy CSS）是CSS的一种扩展语言，它提供了许多便利的特性，如嵌套规则、变量、混合、继承等，使得CSS的编写更加高效和灵活。
在前端开发中，通常会将样式表拆分为多个模块化的scss文件，然后使用主scss文件来导入这些模块化的文件，以便统一管理和组织样式。
然而，如果主scss文件未使用脚本来更新所有导入的文件，可能会导致以下问题：
- 更新不及时：当某个模块化的scss文件发生变化时，主scss文件没有自动更新，导致最终生成的CSS文件中不包含最新的样式。
- 维护困难：手动更新所有导入的文件可能会导致繁琐的工作量，特别是在项目较大且模块较多的情况下，容易出现遗漏或错误。
为了解决这个问题，可以使用一些自动化构建工具，如Gulp、Webpack等，来实现自动更新主scss文件中导入的所有文件。这些工具可以通过监听文件变化的方式，自动编译和更新scss文件，从而保证生成的CSS文件始终是最新的。
对于腾讯云的相关产品和产品介绍链接地址，这里给出一些推荐：
- 腾讯云云开发（CloudBase）：提供一站式云端研发平台，支持前后端一体化开发，包括云函数、云数据库、云存储等功能。详情请参考：https://cloud.tencent.com/product/tcb
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、音视频、文档等各类文件的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署、弹性伸缩和自动化运维，适用于云原生应用的开发和部署。详情请参考：https://cloud.tencent.com/product/tke
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目情况进行评估和决策。
相关·内容
我知道这可能是个奇怪的问题，但请跟我说。:)
是否可以使用gulp (或其他gulp )读取一个具有多个@ .scss语句的文件，并将所有这些@import文件导入/连接到单个.scss文件(即编译到CSS的而非)？
背景信息:我使用了Bootstrap和FontAwesome基本.scss文件，并将它们合并到一个主.scss文件中。现在，我希望将@import语句中的所有文件都放到一个.scss文件中。
我想过的另一个选择是只使用一个concat工具，但是难道我不需要手动指定每个文件才能在gulp文件中连接吗？不过，如果我错了就纠正我。
我正在寻找的示例：
//base.scss
@impo
浏览 1提问于2015-10-23得票数 7
回答已采纳
我正在重写一堆HTML+CSS+JS，使其更加模块化。我只是简单的开始，有两个NPM包：
Core有一些SCSS：
index.js
要求(“./样式/Variables.scss”)；要求(“./styles/test-import.scss.scss”)；
样式/变量.styles
$色彩-主要: rgb(0,123,196)；$色彩类型-主: rgb(51，51，51)；
样式/测试-import.scss.test
@导入“变量”；正文{背景：$color-主}
Test需要Core，并且希望使用一个变量：
index.js
要求(“核心”)；要求(“./styles/test
浏览 4提问于2016-02-07得票数 0
我已经在我的scss项目文件夹中生成了几个helper scss文件，用'_‘前缀表示。但是，在文件更改时，prepros会将它们编译成css文件。
据我所知，这应该是如何工作的，应该指示预处理器忽略该文件，直到显式地包含到标准.scss文件中为止。但事实并非如此。这会不会是prepros中的一个bug，或者是我需要调整的某个配置设置？
浏览 3提问于2017-10-01得票数 2
1回答
我有一个Angular2项目(由angular-cli生成)。在这个项目中，我有一个主模块和一个子模块.子模块表示一个定义良好的概念，因此将其作为(潜在的可重用的) NgModule非常适合。
子模块封装不同的组件，并且只向外公开一个组件.这一切都很好，它工作得很好，所以模块可以被重用。
然而，该模块确实有一个全局依赖项，这阻止了它被完全解耦、可重用模块。scss文件使用@import访问公共scss文件。通用scss文件位于模块之外。
因此，具体来说，模块内的scss样式文件引用了使用相对路径的模块外部的scss文件，如下所示：
@import './../../../assets/
浏览 2提问于2016-11-10得票数 1
我用Sass来设计一个新网站。
最初，我的style.scss (编译的主要SCSS文件)导入了general.scss (其中我定义了变量)和各种页面(比如homepage.scss)。效果很好。我试图重构homepage.scss，只导入它的各个节(例如节-a.scss)的Scss。令人惊讶的是，所有的变量都不再被Sass编译器所识别。
我的问题是：
我可以在SASS中将部分导入到部分中吗？
是否可以使用在所有其他部分中导入到主scss文件(编译的文件)的分部中声明的变量？
不用说，所有部分文件名都以下划线开头。
谢谢!
浏览 4提问于2017-08-03得票数 3
是否可以从不同的scss文件中从类加载属性？此侧scss文件被导入到主scss文件中。所有属性都是继承的，但边距、填充、字体样式不继承。浏览器不愿意加载这些属性。有扩展的规则吗？
侧scss文件：
.section-headline {
font-size: em(30);
font-weight: 700;
line-height: auto;
color: $main-col-text;
margin-bottom: em(20);
}
主scss文件：
.i-headline {
@extend .section-hea
浏览 0提问于2020-06-27得票数 0
回答已采纳
我已经开始了一个新的网站项目使用Dart Sass和@use和@forward模块。
当我使用sass --watch static/scss/style.scss:static/css/style.css使用终端在Mac上编译Sass时，会输出以下错误：
Error: Undefined variable.
@each $name, $weight in $font-weights {
static/scss/base/_base.scss 2:27 @forward
static/scss/base/_index.scss 3:1 @use
static/scss/style.scss
浏览 3提问于2021-11-19得票数 1
3回答
我正在设法将我的多个scss文件编译成一个css文件。
脚本在package.json中使用节点-sass。
我现在发现的最好的是：sass --watch .assets/css/scss/:assets/css
问题是，它为每个scss文件创建一个css文件，外加一个css映射文件。我以前在没有监视node-sass --include-path scss .assets/css/scss/style.scss assets/css/style.css的情况下工作，但必须在每次保存时运行该命令。
在sass --watch .assets/css/scss/style.scss:asset
浏览 1提问于2020-02-03得票数 0
回答已采纳
1回答
我有一组scss文件，我将其打包为一个库，以便在其他几个web应用程序中重用。我知道，在js文件的package.son中，我可以在main属性中指定入口点。不确定如何为scss文件库指定此选项。我有一个main.scss，它包含我开发的所有scss文件，并导入需要的第三方sass文件。我查看了scss文件是如何引导的，发现它们实际上并没有提到package.json中的主样式表。
我是否需要在package.json中定义主属性，还是让它记录如何从node_modules解析scss文件？
浏览 9提问于2016-08-10得票数 5
回答已采纳
1回答
我有一个项目建立在角4与webpack与HMR。不确定这是否重要，但我正在使用带有角度模板的ASP Core 2。
我要做的是拥有一个应用于所有组件的全局/主scss文件。我想让这个scss文件与webpack一起编译，所以它是与node_modules文件夹中的其他样式一起交付的。
我试图在没有运气的情况下实现这一目标。我的主要scss文件名为styles.global.scss，我试图在webpack.config.js文件中包含以下规则
{
test: /\.global\.scss$/,
exclude: /node_modules/,
use: [
浏览 4提问于2017-09-13得票数 1
回答已采纳
我正在和gatsby一起建立一个网站，并且我已经设置了gatsby scss插件。在我意识到我的home.module.scss样式也被应用到我只导入navbar.module.scss的导航组件之前，一切看起来都很正常。 我有一个样式为我的按钮在每个模块，看起来像这样… button {
// different styles in the different modules
} 这两个模块都在顶部导入一个全局scss文件，如下所示...@import '../styles/global.scss'; react组件仅导入其各自的模块。在我的主索引组件中，我像这样导入全
浏览 26提问于2021-08-28得票数 0
使用@use和@forward设置Sass 7-1模式的正确方法是什么？
示例：
文件：
./scss/abstracts/_variables.scss
$main-color: #222222;
./scss/文摘/_index.scss
@forward './variables';
./scss/components/_card.scss
.card {
color: $main-color;
}
./scss/components/_index.scss
@forward './card';
./index.scss
@use './sc
浏览 13提问于2022-10-18得票数 3
回答已采纳
所以我想为我的angular 4项目使用scss，我用angular-cli配置文件对它进行了配置，一切都正常，除了一件事：
在我主style.scss文件中，我导入了引导变量文件
@import './assets/styles/bootstrap/_variables.scss';
@import './assets/styles/bootstrap/bootstrap.scss';
@import "./assets/styles/datepicker.scss";
@import "./assets/styles/select2
浏览 4提问于2017-07-13得票数 0
回答已采纳
当我查看我的项目中的Sass/ SCSS文件时，它有一大堆‘橙色’错误，因为它没有认识到所讨论的Sass语句依赖于在一个单独的部分文件中声明的混合/变量。
我应该怎么做才能让IDE认识到这样的变量和混合文件是在另一个部分文件中声明的？
例如：
_variables.scss
_mixins.scss
_partial1.scss <-- lots of warnings in here
_partial2.scss <-- lots of warnings in here too
main.scss <-- @imports _var
浏览 0提问于2018-08-16得票数 1
我目前正在进行一个项目，在这个项目中，我必须将一个特定的scss文件导入到一个css文件中，这样我就可以使用其中的一些变量。这个项目使用PostCSS与一个装载机在webpack。
到目前为止，我已经尝试过使用，但这似乎不起作用。
下面的代码示例显示了我想对主colors.css文件做什么：
@import "@theme-data/build/scss/variables/_darkBlueTheme.scss";
:global .lightGray {
--textColor: $colorScheme-textColor;
--graph-axis-label
浏览 2提问于2020-09-02得票数 2
5回答
使用Sass (SCSS) / Compass，是否可以从外部托管文件将一些CSS/SCSS导入到您的代码中？
我正在CDN上托管一个jQuery插件，并希望保持在相同的位置，这样我就不会丢失它。但是，我也希望能够将CSS放入我的代码中，并在我的主CSS中对其进行编译，而不是在HTML中拉入额外的CSS文件。这个是可能的吗？
浏览 1提问于2013-06-06得票数 47
JS文件中SCSS文件的每个导入都被视为一个孤立的SASS env，因此，在使用SCSS时，不存在这样的“全局变量”。这种行为要求我们将variables.scss文件导入每个使用其中一个变量的SCSS文件中。
_variables.scss
$global-font : "Cairo", sans-serif;
$global-background: whitesmoke;
App.js
import './App.scss'
export function App()
{
return (
<div className=
浏览 3提问于2021-05-12得票数 4
回答已采纳
我在组件中导入了几个.scss文件，这些文件包含在模块中。当我为dev或prod构建我的项目时，一切都很好，但是当我运行ng test时，我会看到一些错误，比如：
SassError: SassError: Can't find stylesheet to import.
1 │ @import "mixins";
在我的模块中，每个导入的.scss文件都会发生这种情况。共享样式放在src/assets/styles目录中，如下所示：
-src
-assets
-styles
-_mixins.scss
-_theme.scss
浏览 1提问于2020-08-06得票数 8
在custom.scss中，修改主题-颜色映射。
@import "node_modules/bootstrap/scss/bootstrap";
$theme-colors: (
"primary": #3275B3,
"secondary": #004f93
);
在main.scss中，在引导之前重写导入的
@import "./custom.scss"; //import bootstrap overrides
@import "~bootstrap/scss/bootstrap";
浏览 0提问于2018-03-28得票数 1
我目前正在更新一个使用webpack的项目。我有两个脚本，一个主脚本和一个次要脚本处理所有的商店功能。shop脚本由一个具有多个函数的对象组成。然后使用module.exports导出该对象。
我遇到的问题是shop脚本中的change函数productVariant.val(variant).change()无法触发。
当加载两个脚本而不是使用webpack的捆绑包时，事件确实会触发。我猜有一个简单的解决方案，但似乎不能解决它。
因为我在主脚本中有所需的shop脚本，所以我没有在app.js中包含它，不确定这是否会有所不同。
App.js
// scripts
require('./
浏览 13提问于2018-05-28得票数 1
3回答
我正在开发一个使用角CLI构建的新Angular2项目，并将该项目配置为使用SCSS。但是，如果我尝试访问styles.scss的任何一个引导程序(或者我自己在styles.scss中定义的变量，从一个组件中定义的变量)，就会得到Undefined Variable构建错误。
组件的样式文件是否在styles节点的angular-cli.json节点的主条目之前编译？如何使在该全局级别上定义的任何变量都可用于应用程序中的所有组件？谢谢!
angular-cli.json
"apps": [
{
...
"styles": [
&#
浏览 5提问于2016-10-16得票数 24
回答已采纳
有没有办法将所有的_*.scss文件导入到React项目的主App.scss文件中？因为我对每个组件都有单独的文件夹，所以我想避免键入
@import './components/UI/button';
@import './components/UI/menu';
@import './components/Forms/textInput';
完美的代码应该是这样的：
@import './components/*';
我知道顺序问题，我不影响我的css，文件可以随机导入。
浏览 0提问于2018-11-07得票数 2
5回答
如何在SASS中使用角4
、、、
我正在使用Angular4和sass开始我的第一个项目，我正在努力弄清楚如何正确地使用sass。我正在使用angular-cli，并且已经将默认样式设置为使用scss语法。我也已经定义了编译等。
不过，我看到组件上有一个选项styleUrls，在某些情况下，我们只定义在该组件中使用的样式。
问题是，当我在这个scss文件中设置一个component文件时，它不会生成它自己的.css文件，也不会包含在从根项目生成的主.css文件中。
基本上，我有一个这样的项目结构：
app
app.module.ts
app.routing.ts
home
home.co
浏览 7提问于2017-06-22得票数 13
回答已采纳
我只是在学习Sass，并且使用了@import。我有以下情况..。
_master.scss <--这包含了我所有的全局变量，比如颜色
_child1.scss <--这是我的一个子页，但是它需要主人的东西
_child2.scss <--这是我的另一个子页，但它也需要主人的东西
现在的问题是_master变得越来越大。因此，当我在Visual 2012中使用Mindscape工具保存我的Scss文件(子文件)时，我注意到生成的css文件包括来自主文件的两个子文件中的所有css。
实际上，每当我想用“@import”引用主文件时，我都会得到重复的css，这对性能没有好
浏览 1提问于2013-09-30得票数 0
回答已采纳
我正在使用Angular材质主题进入一个Angular 6项目，我有3个样式文件： 1) styles.scss (主样式文件，定义在Angular.json文件中) @import "styles/themes/blue-light.scss";
// Basics
* {
margin: 0;
padding: 0;
}
... 2) blue-light.scss (具有角度材质定义颜色的样式) @import '~@angular/material/theming';
@import '../custom-theme.scss&
浏览 18提问于2019-02-19得票数 0
2回答
我有一个需求，我不确定是否可以使用Rollup (或使用Webpack?)
我已经编写了一个React组件库。每个组件都导入它的样式表。就像这样
import "./button.scss"
export default function Button() {
...
}
现在，这些scss文件使用了我想在全局文件中定义的所有类型的sass变量。我希望我的库的使用者能够像这样导入Button：
import { Button } from "mylib"或者更好：import Button from "mylib/button"，并且只将But
浏览 0提问于2019-07-30得票数 3
1回答
我有一个项目，将structure.scss作为主要入口点，然后每个平台都有第二个入口点。文件夹结构：
scss/
|
|-- components/ # Modular Component Files
| |-- login.scss # Structure file for Login Module
|
|-- platforms/
| |-- globals/
| |-- components/
| |-- login.scss
| |-- global-imports.scss
浏览 5提问于2017-02-28得票数 2
回答已采纳
1回答
我有个很奇怪的问题。在一个新生成的带有Vue CLI的vue.js项目中，我的scss文件不能正常工作。我正在使用在vue.config.js中配置的scss，如下所示：
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `
@import "@/scss/all.scss";
`
}
}
}
};
我在scss文件夹中有多个文件，直到我在一个文件组件中使用作用域的关键字(例如，我的nav )之前，这些
浏览 1提问于2020-02-17得票数 1
回答已采纳
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
我正在创建一个vue.js web应用程序，我想使用SCSS来帮助设置样式。我已经安装了npm i node-sass sass-loader，并且在根级别创建了一个vue.config.js。我在里面有一套
module.exports = {
css: {
loaderOptions: {
scss: {
additionalData: `@import "@/styles/global.scss";`
}
}
}
};
这是SCSS文件夹结构
在主styles文件夹的每个子文件夹中，我都有一个_all.scss，它可以导入
浏览 0提问于2020-09-21得票数 1
我对scss规则“扩展”有一个构建问题，使用Vite来构建一个使用bulma-scss包的Vue3组件库。
例如，使用Bluma按钮，我想将bulma-scss button.scss文件导入到我的.vue文件中的标记中(或者导入到button.scss文件中，然后导入到脚本标记中)，如下所示：
<template/>
<script/>
...
<style lang="scss">
@import 'bulma-scss/elements/button';
</style>
在运行$ vite build时，我
浏览 29提问于2022-05-19得票数 0
使用Rails 3 Asset Pipeline，我正在使用
@import "mixins.css.scss";
导入到主SCSS文件中。然后利用via
@include big_box(34px);
问题是，当我对单独文件中的混合进行更改时，这些更改会一直生效，直到我进入主SCSS文件，执行任何更改(即使是空白)并保存。
必须有一种方法在开发环境中禁用混入缓存，以避免这一恼人的步骤。我还没能自己找到答案。
注意:我正在为集成开发环境使用RubyMine
浏览 1提问于2015-01-28得票数 1
1回答
在我的角5项目中，我为我的SASS提供了一个单独的目录，它包含我所有的变量、函数和混合目录。所有东西都在我的主style.scss中导入
@import
'abstracts/variables',
'abstracts/functions',
'abstracts/mixins';
现在，从我的角分量SCSS文件中，我可以导入变量并使用它，如下所示
@import '~sass/abstracts/variables';
这很好，但是当我想要引用一个混合函数时，它反过来调用一个函数--但是它不起作用。
// _variables
浏览 0提问于2018-04-11得票数 0
您好，我在与我的主脚本相同的文件夹中有一个目录，名为'actions‘。在这个文件夹中，有几个脚本可以随时被主脚本使用。在这里，我将脚本的名称以字符串的形式放在一个名为VAR的变量中(出于示例目的)。我希望能够使用变量导入此文件。
浏览 0提问于2012-08-02得票数 3
回答已采纳
我试图通过npm "mdi“包将材料设计图标添加到我的项目中。但我有一些问题。
webpack.config.js
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'src/public');
var APP_DIR = path.resolve(__dirname, 'src');
var config = {
entry: [
'webp
浏览 0提问于2017-05-25得票数 3
回答已采纳
我试图在LoginPage组件样式期间使用CSS变量，但收到以下错误：SassError: Undefined variable: "$main-background-color".此错误出现在_styles.scss文件中。
这是我的项目结构：
我将_variables.scss和styles.scss都导入到主index.scss文件中：
在导入变量时，我做错了什么？为什么我不能在_styles.scss文件中使用它们？
浏览 2提问于2020-02-23得票数 4
回答已采纳
如何在另一个.scss文件中包含.scss文件？我试着把这段代码写进一个文件: app.scss：
@include('buttons');
@include('dropzone');
body {
background: $primaryColor;
overflow-x: hidden; /*Clip the left/right edges of the content inside the <div> element - if it overflows the element's content area: */
浏览 0提问于2016-08-02得票数 36
我已经创建了一个general.scss文件，并将其放在web/config文件夹下。我想从其他SASS文件中导入该文件。但是下面的脚本不起作用：
// anyotherfile.scss
@import 'web/config/general';
前面的命令引发以下错误：
编译错误:在axis_mobile/app_router.scss上转换Sass :未能解析“_SassImport”的导入“实例”(已尝试的axis_mobile/config/general.scss、axis_mobile/config/general.sass、axis_mobile lib/co
浏览 2提问于2016-09-22得票数 0
2回答
我目前正在使用materialize.css，我希望覆盖默认变量，使主文件保持不变。我在我的主stylesheet.scss中尝试的是
@import '_materialize';
@import '_modified';
@import '_new';
在我的_modified文件中设置
$secondary-color: color("blue", "darken-1");
在materialize.scss中，_variable.scss已经导入(默认框架文件)，其中次要颜色值为
$secondary-co
浏览 1提问于2017-05-04得票数 2
回答已采纳
我将文件保存为_import.scss，并使用@import "import"将它们导入到一个主Sass文件中。但是，当我保存这些导入文件时，会自动创建名为_import.css和_import.css.map的文件。
我不知道这是怎么回事。我使用的是崇高文本，我在我的系统上安装了Sass、Compass和Bourbon宝石。但是，我的命令行中没有运行sass --watch。这些文件是如何自动生成的，我如何阻止它？我只希望主文件导入这些文件，然后才从该文件创建一个.css文件。
我的项目目录看起来有点像这样：
- project
- scss
_imp
浏览 4提问于2015-02-07得票数 0
回答已采纳
1回答
SCSS中的媒体查询无法正常工作
、、、、
我试着遵循一个教程，让网站通过媒体查询来做出响应。我在SCSS中制作了一个媒体查询文件，并编写了这些断点。
然后，在主SCSS文件中导入该文件
但它不起作用。然而，教程视频很好。我到底做错了什么？
浏览 13提问于2021-11-28得票数 0
我尝试制作不同的配置文件(针对不同的颜色)，并在导入basic.scss的另一个文件中使用变量，我将创建多个app.scss文件，如app1.scss和app2.scss，它们使用不同颜色的配置文件。
我的config1.scss
$primary-color : #6a7dcc;
$primary-font-color: #ccc;
我的basic.scss
body {
background-color: $primary-color;
color: $primary-font-color;
}
我的app1.scss
@import "config2.scss";
浏览 0提问于2016-05-24得票数 1
回答已采纳
使用vue-cli，我用Bootstrap和Bootstrap-vue创建了一个项目。
我创建了一个vue.config.js，并且正在使用prependData加载我的theme.scss文件，如下所示：
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "./scss/theme.scss";`
}
}
}
};
我的theme.scss：
@import '~bootstrap/scss/bootstrap
浏览 2提问于2020-08-25得票数 0
回答已采纳
我有一个variables.scss文件，它在根中保存我所有的sass变量。我希望将它导入到我的其他scss文件中，以便我可以使用以下变量：
@import "/variables.scss";
但是，当我运行该项目时，会出现以下错误：
转换错误:Jekyll：：转换器：：Scss在转换‘assets/css/index.scss’时遇到一个错误：
导入未找到或不可读的文件: /variables.scss。加载路径:第1行的C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/minima-2.5.0/_sass
我做错了什么，如何正确导入我的
浏览 1提问于2019-09-06得票数 1
回答已采纳
我正在尝试使用一个变量，该变量是在另一个部分的一个部分上声明的，这两个变量都将使用@use加载到main.scss文件中，然后将其编译成css。
下面是设置：
style.scss
@use './global';
@use './header';
_global.scss
$black: #262626;
_header.scss
header {
color: $black
}
当我运行尝试编译style.css时，我得到了以下错误：
C:\xampp\htdocs\Site\styles>sass style.scss:style.css
Err
浏览 1提问于2020-02-01得票数 12
回答已采纳
2回答
我正在使用带有Angular CLI的最新的Angular(4)。我遵循了在SO上找到的建议来设置组件可用的全局scss。
我的结构看起来像这样
/
styles.scss
/styles
variables.scss
mixins.scss
common.scss
/app
/component1
component1.scss
/component2
component2.scss
主styles.scss文件包含以下代码
@import './styles/variables.scss';
@import './styles
浏览 0提问于2017-06-07得票数 4
2回答
当我试图在我的主scss文件中导入材料组件时，我从webpack那里得到了以下错误
Time: 426ms
Asset Size Chunks Chunk Names
./public/dist/style-bundle.js 2.77 kB 0 [emitted] main
[0] ./public/scss/app.scss 292 bytes {0} [built] [failed] [1 error]
ERROR in ./public/scss/
浏览 0提问于2018-04-13得票数 0
我有IntelliJ终极版，我正在将.scss文件编译成.css。问题是每个.scss文件都被编译到同一个文件夹中的.css。我不想这样。
我的文件夹结构如下：
assets -- css ---- main.css -- scss ---- folder -------icons.scss -------elements.scss ---- folder -------navigation.scss ---- main.scss
main.scss包含编译为.css所需的所有文件。但是，我只希望在对结构中的其中一个文件/文件夹进行更改时，将main.scss编译为./css/main.css
浏览 1提问于2018-01-20得票数 3
回答已采纳
1回答
我正在创建一个vue.js网络应用程序，我想使用SCSS。我安装了npm i node-sass sass-loader，并在根级别创建了一个vue.config.js：
module.exports = {
css: {
loaderOptions: {
scss: {
prependData: `@import "@/style.scss";`,
},
},
},
};
在main.scss文件和main.scss文件中添加的所有样式都是在style.scss文件中导入的。
@import &
浏览 5提问于2022-08-10得票数 0
tl;dr:如何将一些具有全局样式的.scss文件自动导入到其他文件以及Vue的单文件组件
我有一个Vue项目被配置为自动导入一些全局样式：
// vue.config.js
module.exports = {
// Automatically import global styles:
css: {
loaderOptions: {
scss: {
prependData: `
@use "@/global/styles/_Colors.scss";
@use "@/globa
浏览 6提问于2021-11-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
