Upon reviewing the stdout output after executing the script that triggers webpack-dev-server, it seems like the scss | css files are being processed and emitted correctly. However, when visiting "localhost:8080" in devtools, the CSS is not injected by the server; almost as if the CSS doesn't even exist.
Environment: package.json
"webpack": "^4.38.0",
"webpack-cli": "^3.3.8",
"sass-loader": "^7.1.0",
"mini-css-extract-plugin": "^0.4.1",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"css-loader": "^1.0.0",
"del": "^2.2.2",
"dialog-polyfill": "^0.5.6",
"ejs": "^2.5.7",
"ejs-loader": "^0.3.1&q...
package json script:
"dev": "GOOG_ATION_CREDE=app/workbox-demos-4dee.json node app/server.js",
server.js uses express + webpack middleware
const app = express();
const config = require('../webpack.config.dev.js');
const compiler = webpack(config);
app.use(
webpackDevMiddleware(compiler, {
publicPath: config.output.publicPa...
webpack.config.dev.js
output: {
filename: '[name].bundle.js',
publicPath: '/'
},
devtool: 'inline-source-map',
devServer: {
contentBase: './',
}...
css imports from express.app
import "../styles/main.css";
import {MDCMenu} from '@material/menu';
import "../styles/camer.css";
stdout output from $npm run dev
app running http://localhost:8080 /home/rob/src/web-spch-v2/app
Hash: 771fef3df3589e3ab505
Version: webpack 4.46.0
Time: 3719ms
Built at: 01/19/2021 5:21:53 PM
Asset Size Chunks Chunk Names
7719fdcabdc03146e2da973edaac2425.png 17....