如何使用 Webpack 1 添加 sass-loader?
How to add sass-loader with Webpack 1?
我最近弹出了我的 create-react-app,因为我需要加载 sass 文件。不幸的是,create-react-app 使用 webpack 1。但是,sass-loader 的当前版本包括对 webpack 2 的依赖。支持文档没有指出支持的最后一个 sass-loader 版本webpack 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 install 中你会做:
npm i -S npm install sass-loader@4.1.1
我最近弹出了我的 create-react-app,因为我需要加载 sass 文件。不幸的是,create-react-app 使用 webpack 1。但是,sass-loader 的当前版本包括对 webpack 2 的依赖。支持文档没有指出支持的最后一个 sass-loader 版本webpack 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 install 中你会做: npm i -S npm install sass-loader@4.1.1