Webpack Why can't I load CSS? The following is the Webpack loading CSS error code, I encountered, hope to help everyone!
This app is written in react.
The loader setting for Webpack is this
module:{ Loaders: [ { test:/\.jsx?$/, exclude:/node_modules/, loader: ' Babel ', }, { test: '/\.css$/', loaders: [' style ', ' CSS '], include: __dirname, }, ], },
Css-loader also installed, Style-loader
But when the CSS is loaded,import './stylesheets/all.css';
You will get an error:
./app/stylesheets/all.cssmodule Parse Failed:d:\frontend\mzfm-web\app\stylesheets\all.css Unexpected token (1:11) You may need a appropriate loader to handle the this file type. syntaxerror:unexpected token (1:11)
Webpack cannot load CSS to solve the causes and methods:
The original test: '/\.css$/' here is wrong. It should be test:/\.css$/without '
Related CSS Course Recommendation: PHP Chinese Web css video online tutorial