Node Sass已废弃，React项目中使用sass/scss的最优方式是什么？

核心方案说明 #

现在LibSass与Node Sass已正式弃用，Sass官方推荐使用纯JavaScript实现的sass包（前身为dart-sass）作为替代，新版create-react-app也已完成适配，不需要再使用已废弃的node-sass。

具体操作步骤 #

• 若项目中已安装过node-sass，先执行卸载命令：

  npm uninstall node-sass
  # 若使用yarn，执行：yarn remove node-sass
  

• 安装官方维护的sass包：

  npm install sass --save-dev
  # 若使用yarn，执行：yarn add sass --dev
  

• 安装完成后无需额外配置，原有.scss/.sass文件可直接正常使用，语法、调用方式和之前使用node-sass时完全一致，无需修改业务代码。

注意事项 #

• sass包是目前Sass官方唯一持续维护的npm发行包，对新语法特性的支持最好，也不会存在之前node-sass和Node.js版本不匹配的兼容问题。
• 若你使用的是v4.0以下的旧版create-react-app，建议先升级react-scripts到最新版本再安装sass包，避免出现兼容问题，升级命令为npm install react-scripts@latest。

内容的提问来源于stack exchange，提问作者Mahmoud Abdulmuty