React 中使用sass

Posted 瓶子2333

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React 中使用sass相关的知识,希望对你有一定的参考价值。

npm install --save-dev npm-run-all

package.json添加两行:

1    "scripts": {
2      "build-css": "node-sass-chokidar src/ -o src/",
3      "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
4      "start": "react-scripts start",
5      "build": "react-scripts build",
6      "test": "react-scripts test --env=jsdom",

运行 npm run watch-css 会将src目录下的scss转换成css

 

https://yasinchan.com/%E5%A6%82%E4%BD%95%E5%9C%A8create-react-app%E4%B8%AD%E4%BD%BF%E7%94%A8sass.html

以上是关于React 中使用sass的主要内容,如果未能解决你的问题,请参考以下文章

在 React 中使用 Sass 样式化 svg

React 中使用sass

如何在react项目中使用sass

带有 Webpack、React 和 Babel 的 Sass-loader 无法正常工作

淘宝适配方案px2rem在Vue+Sass和React+Less中的使用

淘宝适配方案px2rem在Vue+Sass和React+Less中的使用