Styled-components css not loading in prod mode.

Prerequisites

• Using yarn
• Using an up-to-date master branch
• Using latest version of devtools. Check the docs for how to update
• For issue in production release, add devtools output of DEBUG_PROD=true yarn build && yarn start there is no error at all, just every dive or component is not loading its css, or dev its working fine but on prod its not working.

Expected Behavior

should load all the css in prod build as its loading in dev env

Current Behavior

not loading any css at all in prod,

Steps to Reproduce

just use one styled-component with css in tsx file, it will not load the css. using styled-component 5.2.0

Possible Solution (Not obligatory)

Context

Your Environment

• Node version : 10.15.0
• electron-react-boilerplate version or branch : updated master branch
• Operating System and version : MacOS and windows
• Link to your project : not available

[amilajack]

Yea that’s correct

[richard-livingston]

This is still an issue an issue in version 3.0.2 (latest), please can you reopen it @awaisayub149. Following @codingedgar’s advice fixes css modules in production but breaks global css, the following code will enable both…

webpack.config.renderer.prod.babel.js: module.rules

{
	// CSS/SCSS
	test: /\.global\.s?css$/,
	use: [
	  {
		loader: MiniCssExtractPlugin.loader,
		options: {
		  // `./dist` can't be inerhited for publicPath for styles. Otherwise generated paths will be ./dist/dist
		  publicPath: './',
		  esModule: false
		},
	  },
	  {
		loader: 'css-loader',
		options: {
			sourceMap: process.env.DEBUG_PROD === 'true'
		},
	  },
	  'sass-loader',
	],
},
{
	// CSS/SCSS
	test: /^((?!\.global).)*\.s?css$/,
	use: [
	  {
		loader: MiniCssExtractPlugin.loader,
		options: {
		  // `./dist` can't be inerhited for publicPath for styles. Otherwise generated paths will be ./dist/dist
		  publicPath: './',
		  esModule: false
		},
	  },
	  {
		loader: 'css-loader',
		options: {
			modules: {
				localIdentName: '[name]__[local]__[hash:base64:5]',
			},
			sourceMap: process.env.DEBUG_PROD === 'true',
			importLoaders: 1,
		},
	  },
	  'sass-loader',
	],
}