Despite generating js files with the configuration below, I'm experiencing issues with creating the css files. I'm seeking guidance on where my mistake lies.
I am currently using Node 15.8.0, Webpack 5.27.1, and Bootstrap 4.6.0. For completeness, I have included the package.json and webpack.config.js files.
package.json
{
"name": "website",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"scripts": {
"build": "webpack --mode development --progress",
"watch": "webpack --watch",
"production": "webpack --progress --mode production"
},
...
webpack.config.js
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
...
module.exports = {
context: __dirname,
entry: [
'./src/index.js',
'./src/theme.scss',
],
output: {
...
},
mode: 'development',
devtool: 'source-map',
externals: {
jquery: 'jQuery'
},
resolve: {
...
},
plugins: [
...
],
module: {
...
},
optimization: {
...
}
};