Sass support?

Most likely related to #24, but I’m running into an error when trying to import Sass (.scss) files in react-static. I’m attempting to modify the built-in webpack config, per the docs, with the following:

webpack: webpackConfigurator => {
    webpackConfigurator.merge({
      module: {
        rules: [
          {
            test: /\.scss/,
            use: ExtractTextPlugin.extract({
              fallback: 'style-loader',
              use: [
                {
                  loader: 'css-loader',
                  options: {
                    minimize: true,
                    importLoaders: 1
                  }
                },
                {
                  loader: 'sass-loader'
                }
              ]
            })
          }
        ]
      },
      plugins: [
        new ExtractTextPlugin({
          filename: 'public/[name].css',
          disable: process.env.NODE_ENV === 'development'
        })
      ]
    })
  }

In App.js, I have a single line of import './style.scss' which has some nested Sass, for testing purposes.

However, when running react-static start, I receive the following error:

Module not found: Can't resolve 'sass-loader' in '/usr/local/lib/node_modules/react-static/dist/node_modules'

I’m looking to have a “global” Sass file for shared styling, and have the ability to import Sass files at the component level.

[tannerlinsley]

All of this will be solved very soon. Hoping by the end of today haha. I’m working on moving the node builds to a webpack environment. This way you can rely on webpack resolution and loaders doing their job across the entire build process.

One of the changes that this will bring is the ability to specify which webpack config you are altering by using the stage variable instead of the dev variable in the webpack callback. This way you can get really fine grained.

Stay tuned. Really sorry about this. But hey, that’s open source right 😉

[tannerlinsley]

Version 2.0.0 is now released with better support for webpack configs. Let’s get a sass plugin ready so we can close this issue 😃