13得票3回答
升级 Angular 应用程序的 npm 包后,sass-loader 不再起作用。

我刚从Angular 12升级到Angular 13并更新了一些其他的NPM包。 其中一个包含在我的angular.json文件中引用的scss文件。这以前从未成为问题,但在尝试运行我的应用程序后,我收到了一个难以理解的错误消息: ./src/styles/ag-grid.scss.webp...

13得票3回答
在Sass函数中使用CSS变量 - node-sass

我正在尝试在Angular项目中与Sass函数(lighten() / darken())一起使用CSS变量,据我所知,LibSass的最新版本允许这样做。 我已经安装了node-sass@4.11.0和sass-loader@7.1.0(并且在Angular v7.3.0上),但是我仍然收...

13得票2回答
Sass错误:媒体查询表达式必须以“(”开头。

各位,即使我没有睡觉,我仍然遇到了这个问题。 我的代码像这样:<style lang="scss" scoped> @import '~/assets/scss/main.scss' .home_nav{ nav { ...

12得票4回答
Sass加载器和webpack 4

如何在Webpack 4中使用Sass loader?我阅读了很多关于这个的文章,大多数网站都建议使用ExtractTextPlugin,但ExtractTextPlugin在Webpack 4中不起作用。 我编写了以下webpack.config.js: const path = req...

11得票1回答
我能用Vue.js组件避免重复的样式吗?

我刚接触Vue(以及单文件组件的概念),不确定在生成我的应用程序时CSS是如何编译的。 我有一个模式库,其中为我的项目编译了所有SCSS,因此我希望将其引入我的组件中。我知道可以全局加载mixins和variables,然后我打算手动选择其他需要用于样式化该组件的sass块。 我的担心是:...

11得票2回答
如何在sass加载器中从node_modules导入样式表而不使用“~”

我正在设置我的Storybook实例,以从我的Rails应用程序中加载样式,但它无法加载我main.scss文件中的导入项,两者都是来自node_modules的样式表: @import 'react-table/react-table.css'; @import 'animate.css'...

9得票1回答
有没有一种方法可以在webpack中使用Dart Sass命令行版本?

从 dart-sass 文档中可以看出,dart-sass 有一个命令行版本,性能更好。 我想知道是否可以在现有的 webpack 设置中使用该命令行版本来加快构建时间性能。 我可以在构建机器上安装 dart 库。但是是否有 webpack 插件可以利用它并使用机器依赖项来构建 sass ...

9得票2回答
为什么会出现“Syntax Error: SassError:expected“ { ”” 的语法错误?

sass map.set documentation 给出的示例不起作用,为什么? @use "sass:map"; $font-weights: ( 'regular': 400, 'medium': 500, 'bold': 700 ); map.set($font-we...

9得票1回答
通过webpack将process.env.NODE_ENV变量转换为scss

有没有一种方法可以通过将process.env.NODE_ENV传递给webpack中的sass-loader,在scss文件中引用它?如果有,有人知道如何操作吗? 这是我的webpack模块加载器数组。 module: { loaders: [ { test: /\....

9得票1回答
无法使用`sass-loader`内联样式

我有一个项目设置,其中使用ExtractTextPlugin创建CSS文件。我正在尝试创建一个使用style-loader、css-loader和sass-loader注入样式到页面上的dev Webpack配置。 据我所知,默认行为是将样式注入到<style />标记中,我已经...