TypeScript template results in extract-text-webpack-plugin error

The default typescript template generates a project that fails to build.

Environment

1. react-static --version: 5.9.8
2. node -v: v8.11.3
3. yarn --version: 1.9.4
4. Operating system: macOS High Sierra

Steps to Reproduce the problem

1. react-static create -n my-static-site -t typescript
2. cd my-static-site
3. yarn build

Result:

Error: Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-  text-webpack-plugin for the usage example

Expected Behavior

Expect the generated project to build successfully.

[johot]

Follow up:

I actually managed to do a temporary fix, i replaced defaultLoaders.cssLoader in static.config.js with:

const ExtractTextPlugin = require("extract-text-webpack-plugin");
...
//defaultLoaders.cssLoader,
          {
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
              fallback: "style-loader",
              use: "css-loader"
            })
          },
...
 config.plugins = [new ExtractTextPlugin("styles.css")];

But it feels like defaultLoaders.cssLoader should handle this right?

[tannerlinsley]

Yeah, I think that’s the best option. The plugin will offer a lot more flexibility than an example that will get outdated. Let’s track any issues with the plugin there from here on out: https://gitlab.com/Vinnl/react-static-plugin-typescript