Webpack和sass - 没有加载

Question

我有一个带有sass-loader等的webpack设置（下面的代码）。我的scss文件发生了这种奇怪的事情，如下所示：

nav {
  //...
  // This does work
  ul {
    display: flex;
    align-items: center;
  }
  // This does too
  img {
    width: 48px;
  }
  // This doesn't work (and the img above has the class of logo
  .logo {
    width: 48px;
  }
}

可能导致这种情况的原因是什么？这很难调试，我可以看到Chrome中的scss文件显示我这样的输出（所以它应该可以工作）

nav img {
    width: 48px; }

nav .logo {
    width: 48px; }

使用happypack加载器的Webpack

happyPackPlugin({
          name: 'happypack-devclient-css',
          loaders: [
            'classnames-loader',
            'style-loader',
            {
              path: 'css-loader',
              query: {
                sourceMap: true,
                modules: true,
                importLoaders: 1,
                localIdentName,
              },
            },
            { path: 'postcss-loader',
              options: {
                sourceMap: true,
              },
            },
            {
              path: 'sass-loader',
              options: {
                outputStyle: 'expanded',
                sourceMap: true,
              },
            },
          ],
        })