Trying to execute the npm build command "webpack --mode=production --config ./config/webpack.config.prod.js" on our project results in an issue.
The issue arises when I include the bootstrap file in my tsx file as shown below.
import bs from "../../../../../../node_modules/bootstrap/scss/bootstrap.scss";The error message received is:
CssSyntaxError: Missed semicolon
at Input.error (/Users/m.g2/Desktop/WebPanel/WebpanelClient/node_modules/postcss/lib/input.js:128:16)
// rest of the error message...
exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed.
Below are the contents of the configuration files:
cssConfig.js
// content of cssConfig.js... Removing MiniCssExtractPlugin.loader from the cssConfig.js resolves the issue.
webpack.config.common.js
// content of webpack.config.common.js... webpack.config.prod.js
// content of webpack.config.prod.js... Any suggestions for a possible solution without making extensive changes to the configuration files?
Thank you🙏🏻