解决webpack node-sass安装问题

由于众所周知的网络问题，在安装node-sass的时候由于它的某个依赖需要在外网获取，很容易出现长时间loading然后安装不上的问题。（在vue-cli中也建议选择dart-sass，node-sass可能会出现同样的问题）

这里建议使用dart-sass替代,没有任何副作用，理论上速度还更快，仅需做简单的配置更改。

首先是安装

npm i sass sass-loader -D
或者
yarn add sass sass-loader -D

推荐使用yarn，bug少速度快，但是一个项目不要混用npm和yarn

然后在webpack module rules里面进行配置,这里给出我的常用配置

 module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "sass-loader",
            options: {
              implementation: require('sass')
            }
          },
          "postcss-loader"
        ]
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader", "postcss-loader"]
      },
    ]
  }

注意不要忘了安装要使用的loader。