extension-cli icon indicating copy to clipboard operation
extension-cli copied to clipboard

Custom webpack configuration

Open TBenedyk opened this issue 3 years ago • 5 comments

I'm trying to use ejs in my content script but getting an error related to using webpack 5. The solution it says is to add a polyfill to webpack.config.js. But I can't figure out how to do this using extension-cli as the config file is not generated and looking at the gulpfile it seems there's no simple way to add one.

The error output is

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
	- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "path": false }

So it looks like I just need to have a config file with the following...

module.exports = {
   ...
   resolve: {
    fallback: {
      "fs": false,
      "path": require.resolve("path-browserify")
    }
  },
};

Is there currently a way to do this?

TBenedyk avatar Mar 08 '22 17:03 TBenedyk

👍🏻 same here

cwdcwd avatar Apr 16 '22 22:04 cwdcwd

Same Problem here. Would be cool if there were a way to specify a webpack-config-file or something like that.

TheDarkShaddow avatar May 05 '22 10:05 TheDarkShaddow

I got a similar problem and solved it by installing the missing dependencies which in your case would be path-browserify but now when it builds webpacks are still referencing node_modules outside of the dist directory after running xt-build

atx-barnes avatar May 16 '22 00:05 atx-barnes

I used https://github.com/dutiyesh/chrome-extension-cli and installed https://github.com/Richienb/node-polyfill-webpack-plugin and that fixed the polyfill problem.

lectrician1 avatar Jun 21 '22 15:06 lectrician1

I do see the same problem, unable to have a custom webpack config

claritytech1008 avatar Jul 15 '22 04:07 claritytech1008