Css is not minimized

[Mioleris]

Why bootstrap css is not minimized when using extractStyles and bootstrapCustomizations and appStyles

and when using appStyles and bootstrapCustomizations adds 3-4s to hot module replacement to reload

            {
                test: /\.scss$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: ['css-loader?minimize&importLoaders=2', 'postcss-loader', 'sass-loader']
                })
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: ['css-loader?minimize&importLoaders=1', 'postcss-loader']
                })
            }

Using latest dependencies

[Mioleris]

1. Problem is solved adding in .bootstraprc

# Webpack loaders, order matters
styleLoaders:
  - style-loader
  - css-loader?minimize&importLoaders=2
  - postcss-loader
  - sass-loader

2. Problem with hot module replacement exists.
   When using appStyles and bootstrapCustomizations to import custom scss files it slows down HMR about 3-4s. If I'm not using them it reloads in about 800ms

I'm importing custom style from node_modules like this appStyles: ~myApp/lib/common.scss
~ gives such a long reload

[justin808]

@Mioleris Maybe if you don't minimize for development?

@alexfedoseev @Judahmeek This might be a good reason to get this merged: #126 and then the minimize can be configured the Node.env?

@robwise with the move to Webpacker for React on Rails, we'll need to minimize the CSS using Webpack.

[justin808]

@Mioleris Any chance that you can create a doc PR for this one?

[justin808]

@Mioleris I'll reopen this one if you recommend we do so.

[chadsaun]

Is there a way to make minimize dynamic based on environment?

[alex35mil]

@chadsaun Yes: https://github.com/shakacode/bootstrap-loader#styleloaders