Various Webpack Loader Configurations
One confusing aspect of webpack is recognizing the various webpack loader configurations. This is due in part to webpack maintaining backward compatibility with prior versions. Here are five different methods to specify loaders in the configuration file: { test: /\.scss$/, use: ['style-loader','css-loader','sass-loader'] } { test: /\.scss$/, use: [{loader:'style-loader'}, {loader:'css-loader'}, {loader:'sass-loader'}] } { test: /\.scss$/, loaders: ['style-loader','css-loader','sass-loader'] } { test: /\.scss$/, loaders: [ {loader:'style-loader'}, {loader:'css-loader'}, {loader:'sass-loader'}] } { test: /\.scss$/, loader: 'style-loader!