问题标签 [sass-loader]

我正在使用 webpack 和 sass-loadercustom.css在我的公共目录中生成一个文件。我的 webpack.config 文件有以下内容：

// webpack.config.js

...

在 .views/index.html 文件中调用 css：

<link href="/css/custom.css" rel="stylesheet">

我的 package.json 中的开发脚本是：

在./components/App.js我有：

//stylesheets import scss from 'custom.scss'

但我收到以下错误：

我正在尝试开始使用 webpack 和 Grommet 一起工作。我正在关注本教程：https ://github.com/grommet/grommet-standalone但我收到以下错误：

显然，它在源目录而不是 node_modules 中寻找 scss 文件 - 但我不知道是什么导致了错误或如何修复它。

我正在使用这个 sass 加载器：https ://github.com/jtangelder/sass-loader

因为这个，我正在使用 webpack 2.10：https ://stackoverflow.com/a/39608145/1596288

此外，这些是我的 webpack.config.babel.js 和 index.js 文件：

和 ...

使用 Webpack 2和sass-loader 4.11

webpack --config webpack.config.js

这是我的 webpack.config.js

请注意，当我在配置顶部尝试此操作时：

得到这个错误：

错误：找不到模块'！raw-loader！sass-loader！./sass/lifeleveler.scss'

这就是我选择这个的原因：var sass = require("./sass/lifeleveler.scss");

还有我的 lifeleveler.scss 文件（来自我的 SASS 项目入门工具包）：

最后是我的文件夹结构，您是否看到任何明显的问题？

我在这里找到了这个解决方案，但是我将我的./sass路径添加到了modulesDirectories数组中，但仍然出现错误。

经过更多挖掘后，我还在这里找到了这个 Github 问题和解决方案，但他的修复对我也不起作用:(

我正在尝试使用 sass-loader 将 SCSS 文件转换为 css（需要有物理文件）。样式正在应用，但无法查看生成的 .css 文件。

完整的源代码可在github repo获得

我正在尝试在我的应用程序中设置 Grommet-standalone。

我刚刚了解到 webpack 配置中的自定义属性不再受支持。所以sassLoader不起作用。我似乎无法替代webpack.LoaderOptionsPlugin, 来工作。

这个类似问题的解决方案对我不起作用。

看看我的webpack.config.js：

这是我得到的错误：

为了完整起见，这是我的package.json

有没有人让 Grommet 与 webpack2 一起工作？谷歌在这种情况下没有太多帮助。

我希望 webpack.config.js 将 scss 转换为 css 并启动开发服务器。我可以单独完成它们的完美工作。

1. webpack - 这成功地将 scss 转换为 css
2. webpack-dev-server - 这是在 8085 上成功启动开发服务器

如何同时开始

整个代码github repo的 Github 链接

我正在尝试使用 webpack 2 从相同的 SCSS 源生成 2 个不同的 CSS 文件，以便在不重复代码的情况下使用备用样式表。我已经通过注释一张表成功地分别生成了两张表，但无法弄清楚如何同时生成它们。我的 webpack 配置（相关性缩短）是：

如果我尝试在此配置上运行 webpack，我会收到错误消息

这使它看起来像是同时运行两组规则，而不是运行一个然后另一个。

有没有办法做到这一点？

我正在尝试类似的东西：

我收到以下错误：

这是我的 webpack.config.js 的相关摘录：

能够#{$i}用于选择器名称的正确 webpack 配置是什么？

我已经尝试过 postcss-loader 和其他一些东西，但还没有任何线索。任何帮助将不胜感激。谢谢！

我最近弹出了我的 create-react-app，因为我需要加载 sass 文件。不幸的是，create-react-app 使用 webpack 1。但是，当前版本的 sass-loader 包括对 webpack 2 的依赖。支持文档没有指出支持 webpack 1 的最后一个 sass-loader 版本。有谁知道我在哪里能找到这个信息吗？

我正在从 webpack 1 迁移到 webpack 2。我遵循了 webpack 迁移指南，但是，我在解析我的 css 文件时遇到了错误。我尝试了一个网络不要在 ExtractTextPlugin.extract 上使用“使用”，但它也不起作用。webpack 版本 - “webpack”：“2.2.1”，