Vue SASS无法全局加载它

文章/答案/技术大牛

发布

1回答

javascript、css、vue.js、sass

嗨，我正在尝试在新的VUE项目中设置全球sass。我试了这么多次，还是不管用。这是vue.config.js module.exports = { loaderOptions: { prependData: '@import \'@/sass/variables.sass\';', },}; 只需要基本的sass<

浏览 22提问于2021-02-03得票数 1

回答已采纳

1回答

Vue组件不能在laravel中使用scss

laravel、vue.js、sass、gulp、vue-component

我想在单个.scss组件中使用全局.vue文件style: 'nested',image: 'public/images', javascript

浏览 4提问于2019-09-17得票数 2

1回答

如何向引导-vue/webpack (vue-cli项目)添加SASS文件？

vue.js、vue-cli、bootstrap-vue

/assets/scss/app.scss'添加到src/main.js文件中：import BootstrapVue from "bootstrap-vue/router'import 'bootstrap-vue/

浏览 0提问于2018-10-13得票数 0

1回答

VueJS -在所有.vue组件中导入全局scss

asp.net-core、webpack、sass、vuejs2

这个项目加载得很好，但是我愿意使用SCSS，这样我就可以在所有vue组件中包含一个包含变量和混合器的全局文件。 use: [ 'vue<

浏览 1提问于2018-11-05得票数 1

2回答

如何将scss文件添加到Vue* 2020全球项目中*

vue.js、npm、sass、vue-cli

我试图将全局scss变量添加到我的vue项目中。module.exports = { loaderOptions: {1 │ @import "@/

浏览 26提问于2020-07-25得票数 3

回答已采纳

1回答

在Vue应用程序中导入全局scss样式以及单独的混合文件和变量scss文件

vue.js、sass

然而，我也有base.scss文件，在这里，我希望我的网站有全局样式(例如，标题的一般样式，等等)。我不想在vue.config.js中导入这个文件，因为这意味着这个文件将被重复地包含在我的所有组件中。因此，我尝试通过App.vue通过@use "styles/base";导入它，或者使用import "styles/base.scss";导入main.js。不幸的是，在这两种情况下，Sass编译器抛出此错误： Syntax Error: Sas

浏览 2提问于2021-03-02得票数 1

1回答

如何配置Vue以使用新的@use规则自动将一些SASS样式导入.scss文件？

vue.js、webpack、sass

tl;dr:如何将一些具有全局样式的.scss文件自动导入到其他文件以及Vue的单文件组件 // vue.config.js <!</style> 我猜，在第二种方法中，st

浏览 6提问于2021-11-02得票数 1

回答已采纳

2回答

如何用webpack和Vue.js正确导入外部SCSS？

sass、webpack、vue.js

他们在's 中做了什么来使它正常工作？提前感谢！编辑:我希望能够导入scss文件，而不是编译的css。

浏览 4提问于2016-12-28得票数 17

回答已采纳

1回答

Webpack代码拆分+ vue* +动态css加载*

webpack、vue.js、vue-router

遵循和的代码拆分建议，我在使用动态导入的路线中懒惰地加载繁重的页面：但是，如果此login.vue页包含css的导入语句，则样式未正确加载。<script>... 如果我在路由中删除Login.

浏览 0提问于2018-04-12得票数 1

1回答

vue.config.js to (laravel) webpack.mix.js

laravel、vue.js、laravel-mix

我开始使用Vue，使用Vue CLI模板。在该模板中，您将创建一个名为“vue.config.js”的文件来定义一些设置。在这里可以找到更多信息： runtimeCompiler: true, css: { sass</em

浏览 0提问于2019-05-07得票数 14

9回答

模块未找到:错误:无法解决“sass-loader”

webpack、sass-loader

试着让sass-加载器很好地发挥我的反应项目，遵循教程。配置似乎是正确的，但结果总是“无法解决‘sass-加载程序’”。Module not found: Error: Can't resolve 'sass-loader' in '/root/src' @ ./ui/in

浏览 25提问于2017-11-23得票数 29

回答已采纳

4回答

使用Vue* 3将SCSS样式应用于全局SCSS文件中的body元素*

javascript、css、sass、vuejs3

我想在我创建的全局SCSS文件中使用SCSS设置body元素的样式。具体地说，我希望从body元素中删除边距和填充，设置字体和平滑滚动。我当前的结构:我有一个main.scss文件，它导入了我需要的所有其他.scss文件(全局、颜色、混合等)。通过在vue.config.js文件中导出以下内容来加载此main.scss文件： css: { sass: { additionalData： "

浏览 217提问于2021-06-25得票数 2

3回答

在Vue* SFC组件中无复制导入SCSS文件*

vue.js、webpack、sass

当我尝试访问所有Vue SFC中的scss文件时，样式被复制，导致大型css包和开发工具在样式调试时崩溃我有相当多的SFC (~50)和一个包含全局样式和变量的sass文件(index.scss)。我需要能够在我的SFC中使用index.scss中的样式和变量。我目前的方法是使用我的Webpack sass-loader中的数据选项。/styl

浏览 4提问于2018-12-20得票数 2

1回答

VueJS中的全局样式与局部样式

css、vue.js、sass、nuxt.js

我正在用.vue文件建立一个项目，这使得在同一文件中编写CSS (SASS)，JS和HTML成为可能。我已经决定在一个assets/styles/app.scss文件上用SASS编写一些全局组件，这个文件将加载我的网格、变量和混合。，例如，我可以在我的本地.vue文件中使用$my-variable或任何我想要的混合。我注意到在每个组件上都加载了全局样式，当我打开我的chrome开发工具时，在5x、10x中也存在相同的规则。这仍然是一

浏览 45提问于2019-02-21得票数 1

回答已采纳

1回答

如何允许pug页面由erb预编译(带有`.pug.erb`扩展)

ruby-on-rails、pug、erb、loader、vue-loader

我是Rails + Vue的新手。我用Vue创建了一个新的rails项目，作为模板的呈现器，我正在使用PUG。在VUE文件中我有：看起来它呈现.erb和.pug，但出于某种原因它停止了(顺便说一句，我试图编写加载程序：“”，“pug加载器”，它开始

浏览 11提问于2017-08-09得票数 2

2回答

全局将Sass/Scss加载到Vue项目中

vue.js、vue-cli、vue-cli-4

因此，当我使用Vue-cli 3.X时，我使用了一种类似于的方法来全局加载我的许多样式文件。./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??/node_mo

浏览 5提问于2019-12-11得票数 3

回答已采纳

2回答

GlobalVueStyles:不适用于vue组件中的全局Sass

laravel、webpack、laravel-mix

我正在尝试将一个全局sass变量文件加载到我的Vue样式标记中。如果我对globalVueStyles的理解是正确的，这应该表示每个组件样式中都包含一个文件。但是当我设置它的时候，它似乎什么也做不了，当我运行npm run dev时，我得到了一个未定义的变量错误。这是我的laravel混合代码： mix.js('resources/js/app.js', 'public/js') .vue()

浏览 77提问于2021-03-18得票数 1

5回答

Storybook全局Scss变量

reactjs、vue.js、webpack、sass、storybook

CLI工具:故事书框架: Vue/ Nuxt 问题:我正在尝试将全局SCSS变量引入到Storybook故事中，这样它们就可以像在Nuxt中一样运行组件，我已经尝试了使用sass-resources-loader

浏览 0提问于2018-06-14得票数 9

1回答

我如何在vue.js中使用SASS的“正常方式”？

css、sass、vue.js、vuejs2

到目前为止，我已经和Grunt一起使用了sass，其结果是我将x .scss文件编译成style.css。<style lang="sass"> // Custom CSS code here</style> 据我所知，Vu

浏览 2提问于2017-08-10得票数 3

回答已采纳

4回答

如何使用sass

vue.js、sass、vuejs2

 Vue.config.js当我安装sass和sass -加载程序时，我如何配置使用sass，现在我使用sass提示错误，无法从'D:\demo\vite'中找到模块'sass‘ 

浏览 5提问于2021-01-06得票数 15

点击加载更多