Which webpack loader to use to load css?

Question

JavaScript

in app.js: in dev console:
import 'lightbox2/dist/css/lightbox.css';

./node_modules/lightbox2/dist/css/lightbox.css
Module parse failed: Unexpected token (1:26)
You may need an appropriate loader to handle this file type.

webpack.config.js

{
                test: /\.(css|scss)$/,
                exclude: /node_modules/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        {
                            loader: 'style-loader',
                        },
                        {
                            loader: 'css-loader',
                            options: {
                                importLoaders: 1,
                                modules: true,
                                import: true
                            }
                        },
                        {
                            loader: 'postcss-loader'
                        },
                        {
                            loader: 'sass-loader'
                        },
                        {
                            loader: 'stylefmt-loader',
                            options: {
                                config: '.stylelintrc'
                            }
                        }
                    ],
                    publicPath: distPath
                })
            },

Answer 1

Try to remove the CSS you are trying to import from node_modules into the bundle.