Semicolon Crashes Webpack's Sass Loader

[rotexhawk]

Sass loader doesn't like it when you switch between syntax in the same file. Also for consistency it would be best to remove the semicolons here.

https://github.com/couds/react-bulma-components/blob/master/src/components/heading/heading.sass#L1
https://github.com/couds/react-bulma-components/blob/master/src/components/heading/heading.sass#L2

[couds]

Hi @rotexhawk you are right, I will fix this on the next release to keep the sass consistent. however the webpack sass loader should work, can you post the configuration you are using?

[couds]

Fixed on eb6d991

[rotexhawk]

@couds thank you for fixing that. Yeah I am not sure what's going on. I am using react-create-app and here is my webpack setup. Sass Loader is not working properly.

{
    test: /\.(sass|scss|css)$/,
    use: [
        require.resolve('style-loader'),
        {
            loader: require.resolve('css-loader'),
            options: {
                importLoaders: 1,
            },
        },
        {
            loader: require.resolve('sass-loader'),
        },
        {
            loader: require.resolve('postcss-loader'),
            options: {
                // Necessary for external CSS imports to work
                // https://github.com/facebookincubator/create-react-app/issues/2677
                ident: 'postcss',
                plugins: () => [
                    require('postcss-flexbugs-fixes'),
                    autoprefixer({
                        browsers: [
                            '>1%',
                            'last 4 versions',
                            'Firefox ESR',
                            'not ie < 9', // React doesn't support IE8 anyway
                        ],
                        flexbox: 'no-2009',
                    }),
                ],
            },
        },
    ],
}