I study webpack. I learned about the css & style loader. Added css & style loader in webpack config. After that, when building a project ( webpack --mode development ), the webpack gives an error: Mistake

How to fix it?

Here are the contents of the webpack config:

 let conf = { entry: './src/index.js', output: { path: __dirname + '/dist/', filename: 'main.js', publicPath: 'dist/' }, devServer: { overlay: true }, module: { rules: [ { test: /\.js$/, loader: 'babel-loader', exclude: '/node_modules/' }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] } ] }, }; module.exports = (evl, opt) => { let production = opt.mode === 'production'; conf.devtool = production ? false : 'eval-sourcemap'; return conf; };


Installed dependencies:

 "babel-core": "^6.26.0", "babel-loader": "^7.1.4", "babel-preset-env": "^1.6.1", "babel-preset-stage-3": "^6.24.1", "css-loader": "^2.1.1", "style-loader": "^0.23.1", "webpack": "^4.30.0", "webpack-cli": "^3.3.2", "webpack-dev-server": "^3.3.1"

    0