Webpack4 sass-loader 因 box-shadow 而失败答案

【问题标题】：Webpack4 sass-loader fails with box-shadowWebpack4 sass-loader 因 box-shadow 而失败
【发布时间】：2019-01-17 08:17:43
【问题描述】：

将 webpack4 与 sass 加载器一起使用：

 {
  test: /.scss$/,
  exclude: [/node_modules/],
  use: [MiniCssExtractPlugin.loader, "css-loader","sass-loader"]
 }

我对这条规则的构建

div.leaflet-control-measure {
  border: 2px solid transparent !important;
  background-color: transparent !important;
  box-shadow: 0 1px 5px 0 rgb(0,0,0,0.65) !important;
  > * {
    border: 0px !important;
    border-radius: 2px !important;
    background-color: white !important;
  }
}

失败：

box-shadow: 0 1px 5px 0 rgb(0,0,0,0.65) !important;
                             ^
          Wrong number of arguments (4 for 3) for `rgb'
          in /Users/ts/Dropbox (Privat)/code/webpack4/src/main.scss (line 62, column 27)

box-shadow 有什么问题？我觉得参数的数量是正确的？

谢谢！

【问题讨论】：

标签： sass webpack-4

【解决方案1】：

我认为这是因为您使用 rgb（需要 3 个参数）就像使用 rgba（需要 4 个参数）一样。您可以删除第四个参数（小数点）或将 rgb 更改为 rgba。

【讨论】：