UpdateResourceLoaderConfigPlugin

Webpack plugin for automatically adding ResourceLoader frontend modules to a extension.json. It'll extract i18n labels and required mobileFrontend modules with mw.mobileFrontend.require.

npm install --save-dev update-resourceloader-config-plugin

Then on your webpack.config.js add it to the plugins:

var conf = {
	entry: {
		'resources/ext.gather.special.collection/init': './resources/ext.gather.special.collection/init.js'
	},
	output: {
		path: path.join(__dirname, 'build'),
		filename: '[name].js'
	},
	module: {
		loaders: [
			// ...
		]
	},
	plugins: [
		new UpdateResourceLoaderConfig({
			i18n: 'mw.msg'
		})
	]
};

In this case it will create an entry resources/ext.gather.special.collection/init in extension.json containing the entry script, the i18n labels and the dependent modules required found. Like this:

{
  "//": "...",
  "ResourceModules": {
    "resources/ext.gather.special.collection/init.js": {
      "targets": [
	"mobile",
      "desktop"
      ],
      "group": "other",
      "dependencies": [
	"ext.gather.api/CollectionsApi",
      "Button",
      "Icon",
      "ext.gather.collection.confirm/ConfirmationOverlay",
      "ext.gather.logging/SchemaGatherFlags",
      "toast"
      ],
      "scripts": [
	"build/resources/ext.gather.special.collection/init.js"
      ]
    }
  }
}