[SOLVED]
I was able to resolve this by placing the following code in my quasar.conf.js file, inside extendWebpack:
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
plugins: [
new MiniCssExtractPlugin({
ignoreOrder: true
})
],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, "css-loader"]
}
]
}
};
Here is my full build config that I use with netlify for clarification:
build: {
scopeHoisting: true,
vueRouterMode: 'history',
// showProgress: false,
// gzip: true,
// analyze: true,
// preloadChunks: false,
// extractCSS: false,
// https://quasar.dev/quasar-cli/cli-documentation/handling-webpack
// copy _redirects file for netlify
extendWebpack(cfg) {
const CopyWebpackPlugin = require('copy-webpack-plugin')
cfg.plugins.push(
new CopyWebpackPlugin([{
from: 'src/_redirects',
to: ''
}])
)
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
plugins: [
new MiniCssExtractPlugin({
ignoreOrder: true
})
],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, "css-loader"]
}
]
}
};
}
},
