Fixed the missing tailwind configs in prod config file

This commit is contained in:
Manoj Vivek 2022-10-19 18:34:44 +05:30
parent b9c6aae996
commit 5125e2b398

View file

@ -65,7 +65,19 @@ const configuration: webpack.Configuration = {
}, },
{ {
test: /\.s?(a|c)ss$/, test: /\.s?(a|c)ss$/,
use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'], use: [
MiniCssExtractPlugin.loader,
'css-loader',
'sass-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [require('tailwindcss'), require('autoprefixer')],
},
},
},
],
exclude: /\.module\.s?(c|a)ss$/, exclude: /\.module\.s?(c|a)ss$/,
}, },
// Fonts // Fonts
@ -78,6 +90,25 @@ const configuration: webpack.Configuration = {
test: /\.(png|svg|jpg|jpeg|gif)$/i, test: /\.(png|svg|jpg|jpeg|gif)$/i,
type: 'asset/resource', type: 'asset/resource',
}, },
// SVG
{
test: /\.svg$/,
use: [
{
loader: '@svgr/webpack',
options: {
prettier: false,
svgo: false,
svgoConfig: {
plugins: [{ removeViewBox: false }],
},
titleProp: true,
ref: true,
},
},
'file-loader',
],
},
{ {
test: /\.(mp3)$/i, test: /\.(mp3)$/i,
use: [ use: [