valu-digital / babel-gql Goto Github PK

Hi, great package, it seems to be exactly what I'm looking for! The only problem is that I can't seem to figure out how to get it to work. I followed the setup mentioned in the readme, and my webpack.common.js looks like this:

		rules: [
			// All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
			{
				test: /\.ts?$/,
				exclude: /node_modules/,
				loader: 'babel-loader',
				options: {
					plugins: [
						new BabelGQLWebpackPlugin({
							target: ".queries",
						})
					],
				}
			},

But when I try to start my web-dev-server, I get this error:

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] D:\repos\shmax.com\src\ui\page\profile.ts: .target is not a valid Plugin property
- Maybe you meant to use
"plugin": [
  ["@babel/plugin-proposal-class-properties", {
  "target": ".queries",
  "active": true
}]
]
To be a valid plugin, its name and options should be wrapped in a pair of brackets

Apparently babel's plugin validator is discovering properties on your BabelGQLWebpackPlugin class object, as we see here:

https://github.com/babel/babel/blob/main/packages/babel-core/src/config/validation/plugins.js#L97

I'm perplexed. I've updated babel and webpack, and inspected the history of the plugin validator, and I don't see any evidence that ever supported passing in a class object.

Evidently, it's not a problem in your particular environment. What's your secret?