如何在 Webpack 1 中添加 sass-loader？

【问题标题】：How to add sass-loader with Webpack 1?如何在 Webpack 1 中添加 sass-loader？
【发布时间】：2017-07-14 13:43:33
【问题描述】：

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

【问题讨论】：

github 上的 sass-loader
在发布选项卡上查看差异

标签： reactjs webpack webpack-2 create-react-app sass-loader

【解决方案1】：

您需要使用加载器的 webpack 1 分支： https://github.com/webpack-contrib/sass-loader/tree/archive/webpack-1

如文档所示： module.exports = { ... module: { loaders: [ { test: /\.scss$/, loaders: ["style-loader", "css-loader", "sass-loader"] } ] } };

然后在你的 react 应用中：

require("./file.scss")

在你的 npm 安装中，你会这样做： npm i -S npm install sass-loader@4.1.1

【讨论】：