问题标签 [sass-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - 为 webpack 导入样式文件时，Linter 显示“no-unused-vars”
我正在使用linter-eslint带有 React 项目的原子包。我使用 webpack 作为捆绑器，并导入 sass 样式以在构建过程中进行处理。
当我在入口文件中导入样式时，我不使用它，但我需要将它导入那里，以便 webpack 触发处理。我这样做：
我得到了错误no-unused-vars，因为它实际上没有在任何地方使用。
我可以设置no-unused-vars抛出警告而不是错误，但我想知道是否应该以不同的方式进行导入，或者当导入的文件具有.sass扩展名时是否可以禁用该规则。
谢谢你的帮助！
webpack - 如何防止 webpack/sass-loader 将字体 URL 转换为数据 URI？
鉴于以下 webpack v1 加载器配置...
...并且只需在我的主 .scss 文件中导入 bootstrap sass ...
...出于某种原因，这来自bootstrap sass ...
...被转换成这个...
...解码为：
当我期望/需要的是：
reactjs - Sass 图片 url 引用错误，链式导入
- 源代码
- 图片/image1.jpg
- sass/sass1.scss (背景图片: url('../images/image1.jpg'))
- folder1/folder2/sass2.scss (@import '../../sass/sass1')
这是我的文件夹结构。当我尝试将 sass1 导入 sass2 时，图像的路径未解析，因为 sass 加载器希望图像路径与最终文件相关，即在我们的示例中为 sass2。
sass 加载器搜索图像的路径是 - 'folder1/images/image1.jpg' 而不是 'src/images/image1.jpg'。
我正在使用 webpack(v1) 进行捆绑。
css - webpack + sass-loader：“...-width: $small)”后的 CSS 无效：预期为“{”，为“;”
我一直在寻找这个我不断得到的神秘错误的答案，我真的不知道还能去哪里找。显然，有一个有问题的媒体查询选择器，但它似乎和我迄今为止发现的任何其他媒体查询示例一样正常。（另外，我对媒体查询不太擅长，真的，但我认为它们的格式很好）：
我得到的错误是：
当我使用 webpack 使用一堆加载器来处理样式表进行转译时，我得到了这个错误。处理 .sass 文件的 webpack 配置是：
到目前为止，这个装载机设置对我来说效果很好，所以我认为问题不存在。
我尝试删除这组规则（带有媒体查询的规则），其余的 sass 代码似乎没问题。任何提示我应该在哪里看？谢谢你的帮助。
node.js - 如何使用 webpack 使用 node-sass 和 sass-loader 引用项目的根文件夹
我用create-react-app命令创建了一个 React 项目，它使用 webpack。
为了使用 SASS，我需要使用npm run eject命令弹出并在 loaders 数组中手动添加 SCSS 加载程序，如此处所述。
这是我第一次使用 React，我使用的是per comonent 样式方法，包括为.scss每个组件导入一个文件。
我有一个全局变量文件~/my-project-folder/src/assets/styles/_variables.scss，我想从中导入它~/my-project-folder/src/scenes/Auth/Login/styles/login.scss，当然我不想做类似@import '../../../assets/styles/_variables.scss'.
我已经看到我可以通过node_modules这种方式引用文件夹内的 SASS 文件：@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";所以我想知道引用我项目根目录的方法是什么，即~/my-project-folder.
webpack - 无法将多个 scss 文件提取到一个 css 文件中
看来我不知道如何将多个 .scss 文件提取到一个 .css 文件中。构建我的 /dist 文件夹后，仅包含 .js 文件。我遵循了许多指南，但没有一个有效。这是我的 webpack.config.js
@edit 我有最新的模块：
- 网络包：2.4.1
- 萨斯加载器：6.0.3
- 提取文本 webpack 插件：2.1.0
sass - 通过 webpack 将 process.env.NODE_ENV 变量导入 scss
有没有办法通过将它传递给 web-pack 中的 sass-loader 来引用 scss 文件中的 process.env.NODE_ENV。如果是这样，有人知道该怎么做吗？
这是我的 webpack 模块 lodaers 数组。
我什至试过
但以上破坏了构建。我只是想要一种根据环境访问我的 scss 文件中的 url 的方法。它不必通过 webpack 任何想法都可以在没有硬编码的情况下提供帮助。例如：
webpack - Css Loader vs Style Loader vs Sass-Loader
在使用 import 语句时，我对区分 sass-loader 和 css-loader 有点困惑。据我所知，css loader resolve import statment(@import) 和 style-loader 可以在你的页面上动态注入样式。我也在我的应用程序中使用 sass-loader。所以我对 sass-loader 功能感到困惑。它是否还解决了 import 语句以及将 sass 转换为 css 的问题。在这种情况下，如果我在项目中仅使用 sass 文件，则不需要 css-loader，因为该工作将由 sass-loader 完成。我在吗？任何人都可以强调这一点。任何帮助将非常感激
webpack - 使用 Webpack 解析 SCSS 全局变量
我无法解析我的 scss 全局变量文件。我正在尝试添加一个 scss 颜色文件，我可以在需要的任何地方简单地全局导入。
Webpack 1 配置：
萨斯文件
错误代码（部分个人物品已编辑）
