diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js index e465d8e7a00..22e059facdc 100644 --- a/packages/react-scripts/config/webpack.config.js +++ b/packages/react-scripts/config/webpack.config.js @@ -143,9 +143,9 @@ module.exports = function (webpackEnv) { config: false, plugins: !useTailwind ? [ - 'postcss-flexbugs-fixes', + require.resolve('postcss-flexbugs-fixes'), [ - 'postcss-preset-env', + require.resolve('postcss-preset-env'), { autoprefixer: { flexbox: 'no-2009', @@ -156,13 +156,13 @@ module.exports = function (webpackEnv) { // Adds PostCSS Normalize as the reset css with default options, // so that it honors browserslist config in package.json // which in turn let's users customize the target behavior as per their needs. - 'postcss-normalize', + require.resolve('postcss-normalize'), ] : [ - 'tailwindcss', - 'postcss-flexbugs-fixes', + require.resolve('tailwindcss'), + require.resolve('postcss-flexbugs-fixes'), [ - 'postcss-preset-env', + require.resolve('postcss-preset-env'), { autoprefixer: { flexbox: 'no-2009',