如何使用SASS来解决CSS中的主机问题？
SASS（Syntactically Awesome Style Sheets）是一种CSS预处理器，它扩展了CSS的功能并提供了更强大的样式表语言。使用SASS可以解决CSS中的主机问题，具体步骤如下：
- 安装SASS：首先需要在本地环境中安装SASS。可以通过命令行工具（如Node.js的npm）安装SASS，或者直接下载SASS的编译器。
- 创建SASS文件：在项目中创建一个以
.scss或.sass为扩展名的SASS文件，例如styles.scss。 - 编写SASS代码：在SASS文件中，可以使用SASS提供的各种功能，如变量、嵌套、混合、继承等。这些功能可以帮助我们更高效地编写和管理CSS样式。
- 编译SASS文件：使用SASS编译器将SASS文件编译为CSS文件。可以通过命令行工具执行编译命令，或者使用构建工具（如Webpack、Gulp）自动编译。
- 引入编译后的CSS文件：在HTML文件中引入编译后的CSS文件，以应用SASS中定义的样式。
通过使用SASS，我们可以更好地组织和管理CSS代码，提高开发效率和代码可维护性。同时，SASS还提供了一些特性，如变量和嵌套，可以简化样式的编写过程。此外，SASS还支持模块化开发，可以将样式拆分为多个文件，提高代码的可复用性。
腾讯云提供了云服务器（CVM）和云函数（SCF）等产品，可以用于部署和运行SASS编译器，以及托管编译后的CSS文件。具体产品介绍和链接如下：
- 云服务器（CVM）：腾讯云的云服务器产品，提供了高性能、可扩展的虚拟服务器实例，可以用于部署SASS编译器。详细信息请参考云服务器产品介绍。
- 云函数（SCF）：腾讯云的无服务器计算产品，可以在云端运行代码，无需管理服务器。可以使用云函数来自动编译SASS文件，并将编译后的CSS文件存储在对象存储（COS）中。详细信息请参考云函数产品介绍和对象存储产品介绍。
通过以上步骤和腾讯云的相关产品，可以方便地使用SASS来解决CSS中的主机问题，并提高开发效率和代码可维护性。
相关·内容
1回答
我有一个问题，大口大口的手表不能触发我的设置。在我的例子中，我有一个运行在虚拟机上的web项目。 宿主机: MAC OSX虚拟机: Ubuntu Server 项目文件位于主机上，我使用NFS与来宾计算机共享/var/www/project文件夹中的文件。 当我在主机上运行gulp watch时，一切都运行得很好，但我更喜欢在来宾机器上运行它，因为我想使用browsersync，我不能从主机上运行它，因为来宾机器上有一个web服务器。当我在来宾机器上运行gulp watch时，gulp正常启动，并运行初始的sass任务，但gulp watch从不在任何更改时触发。当我将共享的项目文件复制到来
浏览 16提问于2020-04-01得票数 0
我想在我的工作过程中使用一个码头形象。例如，我想使用larryprice/sass将我的SASS文件编译成CSS。这个图像非常简单：
FROM ruby:2.2
RUN gem install sass
WORKDIR /tmp
ENTRYPOINT ["sass", "--watch", "/src"]
我使用的是Windows10、Docker1.11和VirtualBox 5.0.16。
我的项目文件放在work上，它映射到逻辑驱动器D:\Projects\Foo\Bar\web\sass
因此，我的问题是:当我从驱动器D向容器附加一
浏览 1提问于2016-05-03得票数 0
回答已采纳
我正在开发一个NPM包(一个内部设计库)，它将CSS、SASS混合和静态资产分发到其他项目。
我面临的一个问题是，当我尝试包含引用静态资产的NPM包中的SASS混入时，我的主机应用程序的Webpack构建失败。之所以会发生这种情况，是因为Webpack试图解析与输出的Webpack文件相关的所有(请阅读更多urls )。这在构建NPM包时效果很好，但在构建主机应用程序时就不是这样了。
我已经设置了一个存储库，这个问题可以很容易地重现--
我为这个问题找到的解决方案是：
在分布式CSS和SASS文件中内联您的资源
这是Twitter Bootstrap 5用于分发SVG的方法。
URL重写
这
浏览 0提问于2021-04-04得票数 0
2回答
浏览器-同步CSS文件缓存？
、、、、
我有以下设置
主机
Windows 10
BrowserSync 2.9.11采用代理模式(本地主机:8888)
VirtualBox (作为本地开发服务器)
- Debian 7
- Apache 2.2.22 and PHP 5.6.14-1
- Port 80 is forwarded to Host:8888
- shared folder from Host where served files are located
Browsersync正在工作，CSS被注入(我看到了通知)
- currently served via
浏览 2提问于2015-11-02得票数 1
1回答
更新css文件并将其缩小
、、、
我用php，html，javascript和css为一个客户做了一个网站。我首先使用sass来完成我的样式，但现在客户希望能够更改打字错误和主色。我可以添加在管理员的功能，但不是萨斯，我会使用php (标题)来覆盖所需的css样式。我更喜欢使用我的sass文件，但是主机不支持ruby。有没有更好的解决方案来获得同样的结果？我可以在主机中编译.scss文件吗？
浏览 4提问于2015-09-12得票数 3
我没有太多的经验，吞咽和不知道如何做部署时？在部署时，我如何排除某些任务(例如，我的“sass”任务)，或者如何将gulp用于生产--我将做什么？我不确定我是否用错了词，或者只是不明白，但到目前为止，我在网上找不到多少。
我的吞咽文件：
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var cleanCSS = require('gulp-clean-css&#
浏览 7提问于2017-11-30得票数 0
2回答
我有一个小问题，因为我从几个小时以来一直在战斗。我想使用gulp来观看scss文件，将它们转换为css，然后重新加载浏览器。
直到重新加载浏览器，它才能正常工作。所以sass使用的是gulp，而不是Browsersync。这是我的gulpfile.js，也许有人能帮上忙？
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
gulp.task('sass', func
浏览 9提问于2018-01-18得票数 0
我使用SASS，并让Codekit installed.With Codekit我告诉scss文件压缩并编译成./ css文件夹中的css。
css
style.css
sass
style.css
style.scss
某个地方告诉scss文件也导出一个css文件到我的sass文件夹。
正确设置了Codekit：
输出：(这里不应该有css文件)
还有其他人遇到这个问题吗？
到目前为止我所发现的：
这个问题似乎与Codekit无关，因为即使卸载了Codekit，也会在我的SASS文件夹中生成恼人的SASS文件。
我曾经安装了LiveReload和
浏览 0提问于2013-10-14得票数 0
回答已采纳
我已经定义了一个uncss任务，我想将.min.css添加到文件夹/css中的所有文件内容中，但当我运行grunt命令并保存我的css更改时(任务监视正在查看)，我在控制台中得到以下错误：
Unable to write "css" file (Error code: EISDIR
这是我的cssmin任务：
// Cssmin task config
cssmin: {
target: {
files: [{
src: ['css/*.css', 'css/!*.min.css'],
浏览 10提问于2015-08-12得票数 3
所以我很难让watch和mix一起工作。
我有我的狼吞虎咽的文件，用来看sass的：
gulp.task('default',function(){
gulp.src('resources/assets/sass/**/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('resources/assets/css/'));
gulp.watch('resources/assets/sass/**/
浏览 2提问于2016-05-19得票数 1
1回答
所以我试着用sass设置基本的吞咽工作流程，我遗漏了一些东西，但是我找不到它。我在网上搜索了dist/src文件夹的工作流程示例，没有人一步一步地教你如何以及为什么要做这些事情。
无论如何，我有一个基本的文件夹项目，其中包括dist，src，node_modules，gulpfile.js和package.json。
我的主要问题是输出的src/sass/main.scss没有输出到dist/css/main.css。尽管我的gulpfile.js中显然有.pipe(gulp.dest("dist/css"))，但只有当我创建了一个src/css/main.css文件并在那里生
浏览 1提问于2017-05-22得票数 1
我有多个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
回答已采纳
我在跑；
sass --watch --style compressed --sourcemap css/sass:css
而且我得到了；
NameError: uninitialized constant Listen::Listener
用--追踪给我；
>>> Sass is watching for changes. Press Ctrl-C to stop.
/usr/lib64/ruby/gems/1.8/gems/sass-3.3.0.rc.3/bin/../lib/sass/plugin/compiler.rb:308:in `create_listener
浏览 2提问于2014-02-10得票数 0
回答已采纳
我是一个初学者，我使用的包裹和工作很棒，但它突然停止服务于本地主机()没有错误的建设，本地主机显示：“这个网站无法到达，本地主机拒绝连接”。我也可以用"npx服务“服务没问题。
"@parcel/transformer-sass": "^2.7.0",
"parcel": "^2.7.0",
"sass": "^1.26.10"
浏览 11提问于2022-08-19得票数 0
1回答
scss中的更改不起作用
、、、
当我运行gulp时，它会识别任何scss文件中的任何更改。它甚至将其缩小为css文件夹中的style.min.css，该文件夹位于构建文件夹中，站点在我的本地主机上刷新。
我的问题是，我在scss文件中所做的任何更改实际上都不会发生在网站上。如果我在style.css文件中进行更改并手动刷新站点，它将使用相同的更改进行更新。
gulp.task('sass', function() {
return gulp.src('./sass/style.scss')
.pipe(plumber(plumberErrorHandler))
.
浏览 4提问于2016-11-01得票数 0
我一直在寻找，这似乎是一个相当分散的问题，但我没有找到解决我的情况。
我在之后建立了我的第一个指南针项目
我的文件夹项目叫做sass-test。
我有我的css文件
screen.css
print.css
ie.css
config.rb
我的config.rb内部就是这样设置的
http_path = "/"
css_dir = "stylesheet"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts&
浏览 2提问于2013-01-19得票数 4
回答已采纳
我正在尝试建立一个使用浏览器同步的gulp项目，除了当我运行我的默认任务时，它最初在浏览器中显示一个空白页面之外，一切都运行得很好。如果我在浏览器中点击刷新或对css/js/html文件进行任何编辑，浏览器将重新加载并正确显示所有内容。
谁能告诉我我错过了什么？
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var useref = require('gulp-
浏览 0提问于2018-04-07得票数 1
1回答
我想在单个.scss组件中使用全局.vue文件
我正在使用gulp（laravel-elixir编译sass/scss，这没有问题。我可以在任何地方做任何款式的拉拉维尔刀刃：
elixir((mix) => {
.sass('events/test/test.scss', 'public/css/events')
.compass('app.scss', 'public/css', {
style: 'nested',
sass: 'resources/assets/sass',
image:
浏览 4提问于2019-09-17得票数 2
1回答
我一直在尝试使用sass文件，但每当我尝试保存该文件时，都会收到错误消息
Command failed: sass "/Users/bechara/Desktop/<path of the file>/test.scss" "/Users/bechara/Desktop/<path of the file>/test.css"
Errno::EROFS: Read-only file system @ dir_s_mkdir - ./.sass-cache
Use --trace for backtrace.
我安装了最新版本的nod
浏览 0提问于2020-05-05得票数 0
2回答
好的。这是我的第一个lLaravel项目。我遇到了一个奇怪的问题。我试图使用引导和我自己添加的SASS文件(然后将这些文件转换为主app.css)来定制身份验证表单。下面是问题所在:在app.scss文件中，我导入了SASS部分和其他外部资源：
//字体
@import url()；
//变量
@导入“变量”；
//靴带
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"；
//添加登录
@导入“登录”；
在这种形式中，当将node_modules/boot
浏览 5提问于2016-12-10得票数 0
我有一个包含sass文件的多个文件夹的项目：
|── src
└── scripts
└── app1
└── sass
└── base.scss
└── app2
└── sass
└── base.scss
我还有一个gulp任务，它使用gulp-sass和gulp-concat-css编译这些gulp-sass文件。
gulp.task('build:sass', () =>
gulp.src([
浏览 1提问于2016-10-07得票数 1
回答已采纳
1回答
我正在尝试构建一个Rails引擎，它为其主机应用程序提供资产服务。具体来说，我希望能够执行以下
# Host App's Gemfile
gem 'my-rockin-engine'
还有..。
# Host App's application.css
/*
*= require styles
*/
@import 'my-rockin-engine/mixins'
还有..。
# Host App's style.sass
.host-app-defined-class-name
+my-rockin-engines-mixi
浏览 2提问于2013-09-10得票数 1
回答已采纳
下面的问题需要解决:我试图创建一个组件在一个余烬的插件，即使用sass。在我的评论，我不想编译的scss文件，这应该在我的项目中使用成员-cli-sass和烬-css-模块-sass。我在我的插件中创建的组件也使用了sass模块，但是我没有为此安装ember软件包，因为我在我的项目中这样做。
我遇到了一个问题，当我试图从我的项目目录服务我的ember应用程序时，我会得到一个错误，在我的addon中，一个导入的scss文件是不可读的或者不在那里。
我做错了什么？非常感谢!
浏览 5提问于2020-02-12得票数 1
2回答
我正在尝试从/assets目录导入一个全局Sass样式表，并使用在组件中定义的变量和混合器之类的东西。我的nuxt.config.ts目前如下所示：
import { defineNuxtConfig } from "nuxt3";
export default defineNuxtConfig({
css: ["@/assets/styles/main.sass"],
styleResources: {
sass: ["@/assets/styles/main.sass"],
},
build:
浏览 36提问于2022-01-01得票数 5
回答已采纳
我正在使用windows7和一个叫做Prepros的应用程序来编译.scss。( )。我还将Gumby Framework()下载到本地主机web服务器的文档根目录中。我的目标是使用gumby框架和Prepros。
当我尝试编译scss文件时，我收到以下错误：
Syntax error: Undefined operation: "power(golden_ratio(), 1) times 16px".
on line 52 of Z:/Ampps/www/Gumby-master/sass/extensions/modular-scale/stylesheets/_
浏览 4提问于2013-12-09得票数 3
我是一名开发人员，我想了解一件事.Sass处理器如何适应日常设计/开发工作流程？
没有它，这是一些简单的东西，比如保存CSS文件和刷新页面。
但是如果你用，比方说，像SASS这样的东西，它是如何变化的？
如果我做对了：
在您最喜欢的文本编辑器上编写sass文件。
以某种方式处理它
检查本地主机(或任何有开发版本的地方)的结果。
这是Sass或其他CSS预处理器的工作流程吗？如果是的话，这不是很费时吗？
浏览 0提问于2015-02-12得票数 0
回答已采纳
2回答
添加运行杯表的条件
、、、
我有一项监视任务如下：
gulp.task("watch", () => {
const watch = {
'dev': [src_folder + '**/*.njk', src_js_folder + '**/*.js'],
'css': [src_sass_folder + '**/*.scss']
}
gulp.watch(watch.dev, gulp.series("dev")).on("change", browser
浏览 4提问于2021-10-18得票数 4
回答已采纳
我有一个简单的Gruntfile配置为运行sass，然后运行autoprefix (postcss)，最后运行cssmin。在检测到scss文件中的更改和结果css文件中的后续更改(在运行sass之后)后，它应该按此顺序运行任务。但是，它只运行sass任务。这是我的gruntfile：
module.exports = function(grunt) {
grunt.initConfig({
watch: {
sass: {
files: 'dev/scss/**/*.scss',
tasks: ['sass
浏览 4提问于2018-03-18得票数 1
每次我更改代码中的一行时，mix-manifest.json中的css/app.css行都会被删除。 恢复这一行的唯一方法是运行npm run watch或npm run dev，但是当我对代码进行新的修改时，我得到了同样的问题。 如果可以的话，下面是我的mix-manifest.json： {
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css",
"/css/subscriber.css": "/css/subscriber.css
浏览 43提问于2020-01-16得票数 1
回答已采纳
1回答
我在我的.sass文件中使用了unicode转义，我想保存它，但是sass在输出中创建了一个奇怪的字符。如何解决这个问题？
我使用的是Mac和Sass 3.4.13版本。
mborkent@MacBook-Pro-van-Michiel /tmp $ cat new.sass
.icon-ok
&:before
content: "\e601"
mborkent@MacBook-Pro-van-Michiel /tmp $ sass new.sass new.css
mborkent@MacBook-Pro-van-Michiel /tmp $ cat ne
浏览 4提问于2015-05-24得票数 11
回答已采纳
我正在尝试使用laravel mix编译vuetify 2.0.0-beta.9 SASS。styles.sass的输出是一个空的css文件。我该如何解决这个问题呢？
根据文档()，首先我运行：
$ npm install sass sass-loader fibers deepmerge --dev
然后在resources/sass中创建了一个main.scss文件。它包含以下内容：
@import '~vuetify/src/styles/main.sass';
@import '~vuetify/src/styles/styles.sass';
$bo
浏览 83提问于2019-07-23得票数 2
1回答
我有这样的目录结构..。
--app
-css
custom.css
-sass
custom.scss
-pages
about.html
home.html
--gulpfile.js
--node_modules
--package.json
我的吞咽文件是
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
gulp.task('sas
浏览 3提问于2016-07-26得票数 2
我一直在致力于从2.3.11升级到Rails 3.1。要清除的主要障碍之一是向资产管道的转换。在这个过程中，我决定将我的css转换为sass (scss)。在Rails3.1中，通过管道交付的所有资产在生产中都会收到附加到文件名的哈希。正因为如此，我的css中引用的所有图像现在都需要使用sass中的image-path或image-url helper。问题是，即使我在environment.rb文件中设置了ENV‘’RAILS_RELATIVE_URL‘，sass资产帮助器也无法包含relative_url_root。
为了清楚起见，为了在Rails3.1中添加relative_url_ro
浏览 0提问于2011-09-09得票数 3
回答已采纳
4回答
我们目前使用SASS来预编译CSS，它由各种SCSS文件组成。
如何删除SASS的实现，以便直接管理CSS文件？
作为一个次要问题，使用SASS只是个人喜好，还是小型项目的最佳实践？当我只能用我熟悉的语法处理一个文件时，为什么还要处理多个文件呢？
干杯
浏览 0提问于2016-12-14得票数 2
2回答
在使用Nuxt和Buefy时，如何自定义Bulma变量？
看起来Nuxt在加载我的Sass vars之前正在加载Bulma/Buefy，在那里我设置了我的自定义值。
nuxt.config.js
export default {
target: 'static',
head: {},
css: [
'~/assets/bulma-vars.sass'
],
plugins: [],
components: true,
buildModules: [
'@nuxt/typescript-build',
浏览 2提问于2021-07-16得票数 1
我试图将我的SASS组件文件从"src/assets/css/ sass“中的sass主文件夹中释放出来，让它们与它们各自的组件(如"src/components/component_1/sass/_index.scss"，"src/components/component_2/sass/_index.scss"，等)一起使用。
问题是，当我运行命令来查看sass文件src/assets/css/sass时，它不会检测到我在src/assets/css/sass/style.scss之外的文件中所做的任何更改，即使它正确地将这些文件导入到src/asse
浏览 2提问于2022-08-11得票数 1
回答已采纳
最聪明的头脑在这一领域的互联网！请告诉我如何有效地浏览SASS中的代码基与VIM。Tagbar没有显示SASS树，我也不能按层次折叠样式声明。因此，问题是-如何使用标题栏和/或折叠与SASS/SCSS/CSS文件？也许你可以建议我其他有效浏览SASS的方法？谢谢!
浏览 0提问于2012-11-07得票数 5
3回答
这可能是我的低效设置的影响，而不是咕哝/肝负荷的问题。
这是我的grunfile.js表测试：
watch: {
images: {
files: ['images/**/*.{png,jpg,gif}', 'images/*.{png,jpg,gif}'],
tasks: ['imagemin'],
options: {
spawn: false
}
},
js: {
files: ['js/*.js'
浏览 1提问于2014-01-20得票数 2
回答已采纳
我正在使用gulp任务使用将我的scss编译成css。我运行的是Windows7。
我的Gulp任务：
gulp.task('styles', function() {
gulp.src('./sass/design.scss')
.pipe(compass({
config_file: './config.rb',
css: 'stylesheets',
sass: 'sass',
require: ['susy', 'b
浏览 0提问于2014-11-19得票数 1
4回答
我想在我的wordpress项目中使用SASS (这将是未来项目的样板)。我希望这样做符合以下标准：
无毛棉绒
遵循Wordpress标准(例如主题标题)
干净，一致，易于维护
我有一些想法，但没有一个符合上述标准。
1.删除style.css并单独使用Sass
/index.php
/... other wordpress files ...
/assets/sass/main.scss
/assets/sass/...other sass files...
运行sass之后，将在根目录中创建style.css。
Pros:
一致性
易维护
Cons:
浏览 5提问于2015-12-30得票数 30
回答已采纳
5回答
基本上，我有一个在3.0.x中很好地工作的结构，现在它与undefined variable错误分开了。
分式
_base.css.sass
_header.css.sass
main.css.sass
application.css.sass
the application.css.sass
//=require 'main'
the main.css.sass
@import 'partials/base'
@import 'partials/header'
很简单的东西。
我在_header.c
浏览 7提问于2011-06-07得票数 26
回答已采纳
这是我的声明。
sass: {
site: {
options: {
implementation: 'dart-sass',
style: 'compressed',
noCache: true
},
dist: {
files: {
'dist/css/jk.css' : 'src/sass/jk.scss'
}
}
}
},
当我在watch子句上运行grunt或grunt触发器时，
浏览 11提问于2018-09-05得票数 1
2回答
我对SASS非常陌生，我想知道如何将SASS包含到CSS中。拿着这个。它说，在最底层，使用SASS，可以编辑大小的按钮等非常容易。但是，如何将SASS包含到项目中，以便编辑出现在CSS中？
浏览 2提问于2016-09-15得票数 0
回答已采纳
从Laravel 5.5升级到5.8 (当前版本5.8.11)开始。问题是，当我在本地测试一切正常时，当我上传我的项目到我的主机(专用服务器/共享主机尝试在两者上)，我得到一个419页面过期，但这不是唯一的登录，所有的表单都受到影响，并给出419页面过期。 5.5 -> 5.6 update dependency: "fideloper/proxy": "^4.0", updated all other dependencies to latest versions
update php unit: 7
removed php artisan optim
浏览 25提问于2019-05-29得票数 0
回答已采纳
我正在与sass一起为我正在工作的一个简单的静态网站编写css。我运行了sass --watch custom.scss:custom.css，它在启动时编译得很好，消息如下：
Sass正在关注变化。按Ctrl键停止。
覆盖custom.css
但是，每当我更新.scss文件时，都不会发生任何事情。我以前没有在rails应用程序的上下文之外使用过SASS，所以我想知道我是不是遗漏了什么？
我的scss文件也非常简单，所以我怀疑它是否被任何东西阻塞了，特别是因为它在第一次运行时就工作了。
sass -v报道Sass 3.1.16 (Brainy Betty)，on Lion 10.7.2
浏览 11提问于2012-04-26得票数 10
回答已采纳
我在救生筏的博客和谷歌上找不到答案--所以我希望在座的任何人都能帮我。
我试图开始在一个定制的主题，我正在建造救生筏6.2的sass。
据我所知，所采取的办法是：
基于_styled创建一个空主题(使用maven )
这给了我这样的文件布局：
+-src +-main +-webapp +-css +- .在这里，我将放置任何css覆盖
开发sass样式表，链接到main.css
+-src +-main +-webapp +-css +-main.css +-custom.scss
main.css最初看起来如下所示：
@import url(custom.css);
浏览 2提问于2014-02-17得票数 5
回答已采纳
1回答
如何使用节点-sass在我的/dist/css/文件夹中生成这些文件?这里是我在编译后想要生成的文件：
.css
.css.map
.min.css
.min.css.map
我想我需要在我的package.json的脚本部分放一些东西，但是我不知道该放什么。非常感谢您的帮助，谢谢！
更新：，这是我当前的脚本：
"scripts": {
"compile:sass": "node-sass --watch src/sass -o dist/css"
这只生成一个.css文件，但我仍然缺少.css.map文件、.min.css和.min.
浏览 4提问于2021-06-25得票数 0
回答已采纳
我目前是一个网络金融应用程序的前端设计师，到目前为止，界面工作正常，但现在我必须以某种方式使用户可以改变界面主颜色调色板，我想知道有没有可能的方法来发送指令从超文本标记语言或PHP到一个.SCSS或.SASS文件。
我目前在我的本地驱动器上使用SASS，所以主颜色是$main：#0066FF；我用PrePros编译它并将CSS文件上传到虚拟主机，但是当用户需要时，我如何才能使SCSS文件上的$main变量的值发生变化？我发现Compass可以完成重新编译过程，但我仍然在寻找一种在CPanel主机上实现它的方法。
我的另一种变通方法是使用javascript重写CSS类，但是它太长了，而且占用内
浏览 0提问于2015-07-30得票数 0
在我的package.json中，我有以下脚本：
"watch:sass": "node-sass -w sass/main.scss style/style.css "
它等待main.scss文件中的更改，然后分别更改style.css。我的main.scss文件基本上是一个集合，它导入大量其他scss文件。
@import "abstracts/variables"; //abstracts/_variables.scss
@import "abstracts/mixins"; // abstracts/_mixins.sc
浏览 0提问于2018-09-07得票数 1
回答已采纳
我的项目结构是：
/src/styles/main.scss
@import 'materialize/sass/materialize.scss';
....
我也尝试了@import './materialize/sass/materialize.scss';这里不工作。
只有在导入index.js中的lib时，它才能工作。
/src/index.js (这起作用)
import './styles/reset.css';
import './styles/main.scss';
import './style
浏览 4提问于2016-07-15得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
