create-react-app 和 Sass 似乎没有工作

Question

我不确定，但这几个月前工作得很好，但现在，它似乎不再工作了。使用 React 的 create-react-app 模块，更新 webpack.config.dev.js 以测试以下内容：

  {
    test: /\.(css|scss)$/,
    loader: 'style!css?importLoaders=1!postcss!sass'
  },

...使用依赖项 node-sass 和 sass-loader，.scss 样式似乎没有被捕获。

有什么想法吗？

Answer 1

我还需要更新 webpack 配置中的 url 加载程序以排除 scss 个文件

    exclude: [
      /\.html$/,
      // We have to write /\.(js|jsx)(\?.*)?$/ rather than just /\.(js|jsx)$/
      // because you might change the hot reloading server from the custom one
      // to Webpack's built-in webpack-dev-server/client?/, which would not
      // get properly excluded by /\.(js|jsx)$/ because of the query string.
      // Webpack 2 fixes this, but for now we include this hack.
      // https://github.com/facebookincubator/create-react-app/issues/1713
      /\.(js|jsx)(\?.*)?$/,
      /\.(css|scss)$/,
      /\.json$/,
      /\.svg$/
    ],
    loader: 'url',
    query: {
      limit: 10000,
      name: 'static/media/[name].[hash:8].[ext]'
    }
  },

create-react-app 和 Sass 似乎没有工作

create-react-app and Sass don't appear to be working

sass

webpack

create-react-app