Vue.js 2:作用域样式不适用于sass/scss
Vue.js 2是一种流行的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得前端开发更加模块化和可维护。在Vue.js 2中，可以使用作用域样式来限定样式的作用范围，但是对于sass/scss样式，作用域样式不适用。
作用域样式是Vue.js中的一个特性，它使用了一种特殊的CSS语法，将样式限定在组件的作用域内，避免了全局样式的冲突。在Vue组件中，可以使用<style scoped>标签来定义作用域样式。作用域样式只会应用于当前组件的元素，不会影响其他组件。
然而，对于sass/scss样式，作用域样式不起作用的原因是Vue.js的作用域样式是通过给元素添加唯一的属性选择器来实现的，而sass/scss样式是在编译阶段将其转换为普通的CSS样式，不会包含Vue.js的作用域属性选择器。
解决这个问题的方法是使用CSS模块化。CSS模块化是一种将CSS样式模块化的方法，它可以在组件中使用类似于作用域样式的方式来管理样式，同时支持sass/scss样式。
在Vue.js中使用CSS模块化，可以通过在<style>标签中添加module属性来启用CSS模块化。然后，可以在组件中使用$style对象来引用模块化的样式。例如，可以使用$style.className来引用模块化样式中的类名。
对于sass/scss样式，可以在使用CSS模块化时，将其编写为普通的CSS样式，然后在组件中引用即可。这样就可以在Vue.js中使用sass/scss样式，并且能够实现样式的模块化和作用域限定。
腾讯云提供了一系列与Vue.js相关的产品和服务，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以参考腾讯云官方网站：腾讯云官方网站。
相关·内容
1回答
我很难理解我应该如何使用CSS构建站点。我知道每个组件都有自己的CSS，但是应该用每个组件来实现吗？如果组件是巨大的与大量的CSS呢？
我看过一些用vue.js构建的站点，它们有外部的CSS文件，比如一个包含大量内部样式块的app.css文件。
我习惯于在自己的/styles目录中使用Sass构建站点，并让compass.app将这些.scss文件编译成.css文件。
下面是一个组件css块的示例：
<style lang="scss">
h1, h2 {
font-weight: normal;
}
ul {
list-style-type: none;
浏览 9提问于2017-12-13得票数 0
回答已采纳
我在Vue.js 2中使用Laravel5.4，在vue组件中，我想使用文档\ressources\assets\sass\_variables.scss中指定的变量。
这是我的密码：
<template>
...
<template>
<style lang="sass">
#note
color: $brand-info
</style>
此变量文件在文件\ressources\assets\sass\app.scss中导入。
在编译时，npm返回以下错误：
> Module build failed:
浏览 0提问于2017-06-02得票数 1
回答已采纳
1回答
我的项目中有两个完全不同的布局-它们都是两个独立的父路由，其中有许多嵌套的组件。我想对它们使用单独的全局样式。问题是，当我将样式导入其中一个时，另一个也会受到影响： <style type="scss">
@import "sass/first.scss";
</style> 因为导入是全局的，它会影响其他布局中的类。解决方案将是作用域样式： <style type="scss" scoped>
@import "sass/first.scss";
</style> 但是它
浏览 21提问于2019-12-11得票数 4
1回答
我的Webpack配置中有以下模块：
module: {
preLoaders: [
{
test: /\.vue$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.js$/,
loader: 'eslint',
include: projectRoot,
exclude: /nod
浏览 1提问于2016-05-04得票数 29
回答已采纳
因此，我读过，在Vue.js中，您可以在选择器中使用/deep/或>>>，以便创建应用于子组件内部元素的样式规则。然而，尝试在我的样式中使用这一点，无论是在SCSS中还是在普通的旧CSS中，都是行不通的。相反，它们被逐字发送到浏览器，因此没有任何效果。例如：
home.vue:
<style lang="css" scoped>
.autocomplete >>> .autocomplete-input
{
// ...
}
</style>
生成的css:
<style type="text/css&
浏览 9提问于2017-12-30得票数 150
回答已采纳
2回答
我在OSX上，我希望能够使用在Chrome (或金丝雀)开发工具中调试Sass生成的CSS。我在用Sass和Compass。
我跟踪了，让Sass生成源图文件。为了其他人的利益，谁在这方面的斗争，步骤如下：
使用sudo gem install sass --pre安装Sass的预发布版本
检查您的指南针版本-你需要12.2，而不是13阿尔法。如果您需要卸载它，您可以使用sudo gem uninstall compass --version 0.13.alpha.2完成它。
将其添加到config.rb文件sass_options = {:sourcemap => true
浏览 1提问于2013-04-16得票数 5
回答已采纳
我正在尝试使用SCSS在vue-本地项目中对我的元素进行样式化。我刚刚创建了一个新的项目，并与世博一起运行，它运行得很好。然后在我的App.vue中，我试图将<style>改为<style scoped lang='scss'>，我的应用程序崩溃了。
我在vue-本地文档中没有发现任何关于SCSS的信息。所以我试着遵循vue.js文档，我安装了带有npm install -D sass-loader sass的sass加载程序，安装了光纤.我的应用程序无法编译。
那么，vue本机支持是否与SCSS一起工作呢？如果有的话-怎么做？我做错什么了？
浏览 6提问于2020-08-29得票数 4
我正在使用vue.js 2.6、引导-vue 2.8、sass 1.34 (Dart Sass)作为预处理程序和sass-加载程序10.2构建一个SPA应用程序。
随着时间的推移，这个项目变得相当大，我们已经从Node-Sass转向了Dart-Sass (因为节点-sass被废弃了)。
不幸的是，当在项目上构建或开发时，我们现在遇到了性能问题，因为现在创建一个新构建需要大约15分钟，而且我们在开发中经常遇到内存使用率高的问题。
在阅读之后，我发现使用，95%的编译时间是由于css编译的目的，因为大多数SMP堆栈跟踪包含以下几个条目：
mini-css-extract-plugin, and
浏览 4提问于2021-05-26得票数 4
回答已采纳
我刚刚开始使用Vue.js + Webpack +vue-加载程序+引导-sass+sass-加载程序，我有点迷路了。
我想做的是在我的SPA Vue.js代码中使用SASS版本的引导程序。我想这样做，所以我的引导自定义可以使用SASS完成。以下是我所做的：
用vue-cli创建了一个新的Vue.js + webpack项目。
安装了引导程序-sass和sass-加载程序。
在build/webPack.base.conjs中添加了以下内容：
{ test: /..scss$/，加载程序：'style'，'css'，'sass‘}，{ tes
浏览 4提问于2016-02-10得票数 14
我想在我创建的全局SCSS文件中使用SCSS设置body元素的样式。具体地说，我希望从body元素中删除边距和填充，设置字体和平滑滚动。 我当前的结构:我有一个main.scss文件，它导入了我需要的所有其他.scss文件(全局、颜色、混合等)。通过在vue.config.js文件中导出以下内容来加载此main.scss文件： css: {
loaderOptions: {
sass: {
additionalData: `
@import "@/assets/scss/main.scss";
浏览 217提问于2021-06-25得票数 2
到目前为止，我已经和Grunt一起使用了sass，其结果是我将x .scss文件编译成style.css。
我在React中只做了一个项目，这是我第一次使用Vue.js，所以我想了解一些事情。
如果我想将css样式包含在与Vue组件相同的文件中，我只需使用
<style lang="sass">
@import '_card.scss'
// Custom CSS code here
</style>
据我所知，Vue从所有.vue文件中获取所有样式，并将其编译成style.css。但既然我不确定，我就问这个；
是否在运行时
浏览 2提问于2017-08-10得票数 3
回答已采纳
1回答
我试图使用sass的@extend，这样我就不会将标记和html混合在一起了。正如在中所解释的。
总之，不要写
<div class="alert alert-primary>This is an alert!</div>
相反，你会写一些这样的东西
<div class="banner">This is an alert!</div>
.banner {
@extend .alert;
@extend .alert-primary;
}
这样，造型和内容就能很好地分开。
The problem：在使用we
浏览 2提问于2019-11-17得票数 4
我尝试用Visual Code编译几个.scss文件。
我试过了
{
"version": "0.1.0",
"command": "sass",
"isShellCommand": true,
"tasks" : [
{
"taskName": "Turquoise.scss",
"args": ["css/colors/turquoise.
浏览 0提问于2016-05-25得票数 1
我在我的项目中使用Webpack (v4)、Sass和Vue.js (v2)。
在某些情况下，我希望将sass代码编译成.css文件。(这是用于.scss文件，在webpack.config.js中被提到为“入口”点)
在其他一些情况下，我希望将编译的sass代码注入到html标记中。(这是用于我的.vue单文件组件中包含的.vue)
有可能同时拥有这两者吗？我该如何配置Webpack？
浏览 1提问于2018-09-11得票数 0
回答已采纳
如何将多个scss文件合并到一个css文件中？
我的当前配置webpack.mix.js
mix.sass(
[
'resources/assets/sass/one.scss',
'resources/assets/sass/two.scss',
], 'public/css/style.css');
但不起作用。
我首先尝试mix.combined scss文件，然后是mix.sass .
但在“npm运行观察”之后，我被疯狂的CLI圈住了。
浏览 0提问于2018-02-22得票数 4
回答已采纳
我有一个模块化的模板，它使用Sass-loader编译每个组件都有的scss文件，但在laravel中使用它和laravel-mix将不起作用，这不会做任何事情 我在php7和Vue JS上使用最新版本的laravel (5.8) 组件示例： <template>
<div :class="$style.logo">
<div :class="$style.logoContainer">
<img
v-if="!set
浏览 50提问于2019-05-28得票数 1
我已经抛出了我们的webpack配置角CLI，我想知道为什么有两个规则处理SCSS。
{
exclude: [
path.join(process.cwd(), "src/styles/styles.scss"),
path.join(process.cwd(), "src/styles/vendor.scss")
],
test: /\.scss$/,
loaders: [
"exports-loader?module.exports.toString()",
浏览 1提问于2017-04-13得票数 1
回答已采纳
1回答
我有一个Vue.js项目使用Vue UI和Webpack项目使用路由器多个“页面”。我正在使用SASS (SCSS)部分，并在各个组件中导入它们。
<style lang="sass">
@import "@/css/modules/_style-guide.scss";
</style>
在每个“页面”上，SASS (实际上是呈现的CSS)被加载到所有组件的头部的DOM中，即使它们没有导入到“页面”中。
添加“作用域”选项仍然加载所有SASS文件，只添加唯一的guid。
只有当组件出现在“页面”上时，我才希望导入SASS。
有办法这样做
浏览 0提问于2019-03-19得票数 7
1回答
在Laravel < 5.4版本中，我可以使用elixir将我所有的sass文件编译到一个css文件中。
mix.sass([
'file_1.scss',
'file_2.scss',
'file_n.scss'
], 'public/css/app.css');
在Laravel 5.4中，这是不起作用的。在Laravel 5.4中有没有机会做类似的事情？
浏览 3提问于2017-02-27得票数 4
回答已采纳
1回答
我正在尝试将我的灵丹妙药任务分成不同的Gulp任务，所以我只需要运行其中的一个子集。
这是我的gulpfile.js
var gulp = require('gulp'),
elixir = require('laravel-elixir');
/**
* CSS
*/
gulp.task('styles', function()
{
elixir( function( mix )
{
mix.sass( 'auth.scss' )
.sass( 'm
浏览 1提问于2016-11-21得票数 2
回答已采纳
我正在创建一个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
1回答
我正在使用Jekyll为自己构建一个博客，但是，当我在浏览器中打开页面时，SCSS无法加载。我试图通过我的浏览器导航到SCSS文件，但是没有用，浏览器认为SCSS不存在。
下面是如何将样式表添加到HTML中：
<link rel="stylesheet" type="style/css" href="/_sass/_base.scss">
我对我的所有样式表都这样做了，但是它不起作用。
有人知道如何解决这个问题吗？提前谢谢你。
浏览 1提问于2018-04-10得票数 0
回答已采纳
2回答
我有一个带有Vue.js和element-ui的项目。我想要自定义element-ui SASS变量来更新主题，我还想在我的Vue组件样式中使用这些变量。
我通过创建自己的SASS文件成功地做到了这一点，该文件导入了node_modules/element-ui/lib/theme-chalk/index.scss中的文件(如下所示：)
但是我的捆绑包大小爆炸了。对于CSS，它从44kb增加到800kb！我设法减少捆绑css大小到495kb (风格巨大)，只导入我在主题中真正使用的SASS组件文件。
我像这样使用babel-plugin-component：
"plugins"
浏览 0提问于2018-10-31得票数 5
这是我在webpack配置中的sass加载程序设置。看起来sass装载器没问题
{
test: /\.scss$/,
exclude: '/node_modules/',
use: [
'style-loader',
'css-loader',
'sass-loader',
],
}
在终端我得到错误，因为不能编译我的sass文件，我已经改变了我的设置在sass加载程序很多次，但总是得到这个错误。
浏览 4提问于2018-05-01得票数 7
我不确定为什么我的SCSS不能加载到我的VideoBackground.js组件中，即使它在我的Laravel项目中的webpack.mix.js文件中，这个项目是用React.js搭建的。在VideoBackground.js文件中声明的videoBackground.scss文件的文件路径以及在webpack.mix.js中声明的路径。 注意:在sass文件夹中有一个app.scss文件，我相信它是在使用React.js搭建我的Laravel项目时现成的。我需要利用这个吗？ 我如何解决我的问题？ 这是我的webpack.mix.js const mix = require('la
浏览 20提问于2021-01-17得票数 0
我想让一个轻模式的网站，使用SASS与变量在它。因此，下面是我尝试过的变量和smth (但不起作用)：
@media (prefers-color-scheme: dark), (prefers-color-scheme: no-preference) {
$bg: #0d0d0e;
$c0: #ffffff;
$c1: invert(#333);
$c2: #7c7c7c;
$c3: invert(#aaa);
$c4: invert(#eee);
}
@media (prefers-color-scheme: light) {
$bg: #fff;
$c0: #000;
$c1: #505
浏览 57提问于2020-02-29得票数 2
回答已采纳
我可以覆盖所有项目的sass变量。我在文件src/sass/variables.scss中这样做。在此之前，我创建了sass文件夹和这个文件。正如我说的，它可以工作，我可以覆盖这个文件中的变量，整个项目。但我只需要覆盖组件所需的变量。我试着这样做：
<style lang="sass">
$btn-text-transform: lowercase //by default uppercase
</style>
此外，我尝试在变量之前或之后添加@import '~vuetify/src/components/VBtn/_var
浏览 2提问于2021-08-10得票数 3
1回答
我有一个使用普通css编译的项目，但我想使用sass标记。
在Header.vue中，这不起作用：
<style lang="sccs" scoped>
div.menu {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 65px;
background: $header;
}
如果我去掉了lang="scss“和sass变量，它就可以编译。
我在vue.config.js中有以下内容：
const path = re
浏览 5提问于2021-04-17得票数 0
1回答
似乎角没有为组件正确地编译sass，或者它没有像预期的那样编译sass。
例如，这段代码适用于app.component.scss
/* Works well */
.container {
.header {
margin-top: 20px;
}
}
.container {
.header {
background-color: black;
}
}
但是，如果我生成header组件，然后将样式添加到具有重复选择器的header.component.scss中，那么这是行不通的！
/* Doesn't work */
.contai
浏览 2提问于2017-12-04得票数 0
回答已采纳
我正在学习Vue.js教程“终极Vue JS 2开发人员课程”(项目2)，我在文件更改时遇到了浏览器刷新的问题。我在Kubuntu16.04上，我的系统的标准浏览器是Chrome，但是每次我在我的项目中更改一个文件时，webpack都会尝试打开Firefox，它不是安装在我的系统上(我不想使用Firefox，而是Chrome)。
我已经通过了webpack.config.js，但我不知道在哪里可以更改浏览器的设置。
webpack.config.js
require('dotenv').config();
const path = require('path'
浏览 0提问于2018-01-27得票数 1
回答已采纳
2回答
我有一个角-cli应用程序和使用webpack。当我尝试运行它时，组件特定的css无法工作
styles.css
/* You can add global styles to this file, and also import other style files*/
@import 'http://something/v4/dist/css/bootstrap.min.css';
组件
@Component({
selector: 'app-carousel',
templateUrl: './carousel.component.h
浏览 5提问于2017-08-30得票数 4
回答已采纳
1回答
我刚刚开始研究角4.0.0和角-cli是很好的。但我面临编译sass文件的问题。
webpack不是将所有组件.scss文件作为一个整体来解析，而是添加了一个内联样式标记，其中包含了所有的css。
这是一种预期的行为，还是缺少了角cli中的节点sass和sass加载器的配置？
"styles": [
"styles.scss"
],
"defaults": {
"styleExt": "scss",
"component": {}
}
这就是样式的cli配置。
对于应用程
浏览 2提问于2017-05-17得票数 0
我正在制作一个Vue.js网络应用程序。我使用的是原始Vue.js与BootstrapVue和SCSS。在我将scss样式导入应用程序入口点(在我的示例中是项目的src文件夹中的main.js文件)之后，scss样式可以全局工作。但是，当我在除主文件“BootstrapVue”之外的任何其他.vue文件中使用它们时，它们将不再工作。
这是我的vue.config.js文件：
module.exports = {
css: {
sourceMap: true,
loaderOptions: {
sass: {
浏览 0提问于2020-05-22得票数 1
回答已采纳
这个问题是关于vue.js的，它运行在一个使用了webpack配置的样板上。
我需要动态地将sass变量从组件father传递到组件son (为了简化命名)。
在组件样式上，我可以从father标签访问$color变量。我使用这个html模板调用son组件：
// father component
<template>
<son></son>
</template>
<style lang='sass' scoped>
@import 'assets/sa
浏览 0提问于2017-05-09得票数 1
我正在尝试在我的VueJS项目中导入一个scss文件，然后它将在其中编译，从而能够与我的项目一起使用。但是，我需要一些帮助，因为目前它只是错误。有没有办法做到这一点？请注意，我对VueJS非常陌生，所以我只是对基础知识有所了解。
我在我的src文件夹中创建了一个名为scss的文件夹，其中包含我的main.scss文件。接下来，在我的Vue.JS中，我有以下代码；
<template>
<div id="app">
<Home></Home>
<Primary></Primary>
浏览 2提问于2019-01-12得票数 13
我使用的是ngPrime组件，如果我对它们进行样式设置，样式不是应用在dashboard.component.sass文件上，而是在我使用全局style.sass文件时应用。
dashboard.component.html文件
<p-dropdown [options]="reports" styleClass="report-dropdown">
<ng-template let-item pTemplate="selectedItem">
<i class="fas fa-t
浏览 0提问于2018-03-28得票数 4
回答已采纳
我在使用Laravel Vue时遇到了问题。我将app.scss文件放入其中，然后使用Laravel Mix4.0将其编译到公共文件夹中。我不知道是什么让它出错，但对我来说它看起来很奇怪。这是我的webpack.mix.js
mix.webpackConfig({
output: {
filename: '[name].js',
chunkFilename:'js/[id].[chunkhash].js',
publicPath: '/',
},
resolve: {
extensions: ['.
浏览 2提问于2019-12-10得票数 0
大家好，新年2022年快乐！我目前正在致力于我的角度库，我有两个问题，我似乎无法修复，尽管文件和时间，我花了寻找一个解决方案。这就是我想要达到的目标：
，我想在我的角库中设置一个主入口点，这样链接就更干净了，，我想使用ng-packagr中的styleIncludePaths，以缩短SCSS导入。
这就是我当前架构的样子：
// ng-package.json
{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../
浏览 10提问于2022-01-11得票数 0
回答已采纳
如何将Vue.js作用域样式应用于通过<view-router>加载的组件。
这是我的代码：
<template>
<div id="admin">
<router-view></router-view>
</div>
</template>
<style lang="scss" scoped>
#admin {
.actions {
display: none;
span {
cursor: pointer;
浏览 3提问于2017-09-10得票数 3
回答已采纳
1回答
我设置了一个grunt tast，使用grunt-contrib-sass将所有的sass和scss文件编译成css。我面临的问题是因为它是一个模块化的架构，我没有一个单一的sass和css文件夹。相反，我对每个模块都有一个sass和css文件夹。
当我指定模块名称时，它会工作，并将sass文件编译成css，但只针对该模块，如下所示：
sass: {
dev: {
expand: true,
cwd: 'public/modules/someModuleName/sass',
浏览 4提问于2014-09-20得票数 3
1回答
我有下面的webpack设置：
let config= {
mode: 'development',
entry: {
'templates': '/usr/local/var/www/project/src/ts/entry/templates.ts',
'templates2': '/usr/local/var/www/project/src/ts/entry/templates2.ts',
'main_scss': '/
浏览 1提问于2019-03-10得票数 0
回答已采纳
1回答
你好，我有一个问题，我的文件main.scss在公共/样式表/scss中。在文件中写着：
默认情况下，将.sass和.scss文件放置在公共/样式表/sass中(可以使用:template_location选项进行自定义)。然后，在必要时，将它们编译成公共/样式表中的相应CSS文件。例如，public/样式表/sass/main.scss将被编译为public/样式表/main.css。
我的宝石里有宝石'haml‘，在我看来，我是这样做的
= stylesheet_link_tag 'main'
并且当我检查源时找不到该文件(有一个包含有关路由错误信息的文件)。我想
浏览 0提问于2011-05-02得票数 2
我想在我的静态HTML项目中使用Sass和Compass，但遵循说明不起作用。这是我所做的：
$ gem install compass
$ cd <myproject>
$ compass install compass .
接下来是等待：
directory ./sass/
directory ./stylesheets/
create ./sass/screen.scss
create ./sass/print.scss
create ./sass/ie.scss
create ./stylesheets/screen.css
creat
浏览 0提问于2011-06-03得票数 12
回答已采纳
考虑到我在中使用SASS进行样式设计，我发现组件的布局方式非常舒适。我以为我会直接在组件文件中编写SASS，但当我在谷歌上搜索如何在Vue中使用它时，我发现我可以直接在App.vue中导入main.scss，而不必在任何其他组件中声明<style></style>节。
我的问题是，这是否是一个好的做法。
浏览 12提问于2019-11-27得票数 0
回答已采纳
我正在用编译scss到css。如果我只需在终端命令行中手动输入以下内容，就可以做到这一点：
这工作
node-sass --output-style compressed resources/assets/sass/sourcefile.scss public/css/endfile.css
但是当我把这些选项放在一个中时，它就不再起作用了。我提供了同样的论据，所以我不明白它为什么行不通.
与代码任务不工作
{
"version": "0.1.0",
"command": "node-sass",
"
浏览 5提问于2016-10-18得票数 1
1回答
我想将集成到我的Vue.js项目中。
我之前已经在我的<head>中包含了包含CDN脚本标签。
然而，在那之后，我关注了，因为它包含了Sass预处理器，因为Bulma在Node项目中需要它。
npm install sass-loader node-sass --save-dev
<style lang="sass">
/*write sass here */
</style>
现在，<head>中的脚本标记被注释掉了，我不知道如何正确地将Bulma加载到我的应用程序中。
我已经按照下面@BillCriswell的建议
浏览 12提问于2017-02-01得票数 12
回答已采纳
1回答
我正在使用scss来设计我的next.js应用程序，但是我注意到当我通过google的网络选项卡预览第一张画图时，所有的样式都丢失了。
如您所见，该页面相当简单，不获取任何初始支持。我怀疑服务器由于某些原因没有在后端构建整个页面(包括样式)。
我的next.config.js设置是: const withStyles =withStyles(“@webdeb/next-styles”)；
module.exports = withStyles({
sass: true, // use .scss files
modules: true, // style.(m|modul
浏览 4提问于2020-08-02得票数 0
1回答
我尝试在vue.js应用程序中全局使用sass，使用以下方法：
const { defineConfig } = require('@vue/cli-service')
module.exports = {
css:{
loaderOptions:{
sass:{
data:`@import "@/sass/test.scss";`
}
}
}
}
但是在vue.config.js中，我有以下两行代码：
const { defineCo
浏览 2提问于2022-06-12得票数 0
回答已采纳
将以下内容保存到用户文件夹中的node-sass.sublime-build中
{
"shell_cmd": "node-sass.cmd $file",
"selector": "source.scss"
}
我有一个slideEditor.scss文件。如果我显式地将构建系统设置为node-sass，那么ctrl+b可以正常工作，但是如果我将其设置为“自动”，ctrl+b就不会将任何内容记录到控制台。会发生什么事？根据的说法，我做的一切都是正确的。
浏览 2提问于2014-10-14得票数 2
回答已采纳
我有一个Vue.js应用程序，它是由Webpack构建的。我添加了一个包含数百个SVG标志的库。scss文件非常小，标志是文件夹中单独的SVG文件。当我构建时，Webpack将所有的SVG文件base64编码到app.js中。在这种特殊情况下，这是适得其反的，因为它不必要地放大了我的应用程序的大小。我更愿意按需从SVG文件夹中加载这些标志，以保持我的应用程序很小。
在App.vue中
<style lang="scss">
@import '~flag-icon-css/sass/flag-icon.scss';
</style>
我
浏览 2提问于2018-07-25得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
