Webpak - Critical dependency: the request of a dependency is an expression

Hi! I want to bundle postcss-cssnext package with Webpack for a web app and browserslist is also included. I’m following the information mentioned in README.md to remove locales (new webpack.IgnorePlugin(/caniuse-lite\/data\/regions/)) but have a doubt on something else.

There’s a scary warning when bundling with Webpack: Critical dependency: the request of a dependency is an expression on this line. According to Webpack docs, full dynamic requires fail by default.

They mention that ContextReplacementPlugin can be used in this situation but I don’t really know what is the actual context and where to redirect it. Any idea on how to fix this?

Thanks!

[frandiox]

@ai Thanks for answering! Looks like resolve.dynamic: false is not a valid option at least in webpack@3.10.0. The following suppresses the warning but I’m not sure if it’s reliable:

module: {
  exprContextRegExp: /$^/,
  exprContextCritical: false,
}

According to the docs, these props are deprecated and ContextReplacementPlugin should be used instead. However, I couldn’t stop the warning with that plugin… 😕

[ai]

Released in 2.11.2