I tried to do the same than the video, but even with style-loader and css-loader loaders added, I got an error: ERROR in ./src/main.css Module parse failed: /home/vagrant/code/sandbox/webpack-learning/src/main.css Unexpected token (1:5) You may need an appropriate loader to handle this file type. | body { | background: #000000; | color:#fff; @ ./src/main.js 1:0-22

This is my webpack.config.js var webpack = require('webpack'); var path = require('path');

module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, './dist'), filename: 'bundle.js' },

module: {
    rules: [
        {
            test: /\.css$/,
            use: [
                'style-loader', 
                'css-loader'
            ]
        }
    ]
}

};

Loaders Are Transformers