@atlassian/webresource-webpack-plugin 4.10.2-64a2ef2

package/test/use-cases/split-chunks-with-tests/split-chunks-with-tests.test.js

@@ -0,0 +1,216 @@
+const chai = require('chai');
+const parse = require('xml-parser');
+const webpack = require('webpack');
+const fs = require('fs');
+const path = require('path');
+
+chai.use(require('chai-uuid'));
+const assert = chai.assert;
+
+const targetDir = path.join(__dirname, 'target');
+const webresourceOutput = path.join(targetDir, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml');
+
+const uuidLength = require('uuid/v4')().length;
+
+describe('split-chunks-with-tests', function() {
+    this.timeout(10000);
+    const config = require('./webpack.config.js');
+
+    let stats;
+    let error;
+    let entryApp;
+    let entryApp2;
+    let splitChunkShared;
+    let testEntryApp;
+    let testEntryApp2;
+
+    function getChild(node, name) {
+        return node.children.filter(n => n.name === name);
+    }
+
+    function getContent(nodes) {
+        return nodes.map(n => n.content);
+    }
+
+    function getAttribute(nodes, attribute) {
+        return nodes.map(n => n.attributes[attribute]);
+    }
+
+    before(done => {
+        webpack(config, (err, st) => {
+            error = err;
+            stats = st;
+
+            const xmlFile = fs.readFileSync(webresourceOutput, 'utf-8');
+            const results = parse(xmlFile);
+            entryApp = results.root.children.find(n => n.attributes.key === 'entrypoint-app');
+            entryApp2 = results.root.children.find(n => n.attributes.key === 'entrypoint-app2');
+            splitChunkShared = results.root.children.find(n => n.attributes.key === 'split_app~app2');
+            testEntryApp = results.root.children.find(n => n.attributes.key === '__test__entrypoint-app');
+            testEntryApp2 = results.root.children.find(n => n.attributes.key === '__test__entrypoint-app2');
+            done();
+        });
+    });
+
+    it('should create a webresources with dependencies and resources as appropriate', () => {
+        assert.ok(entryApp, 'has entrypoint for app');
+        assert.ok(entryApp2, 'has entrypoint for app2');
+        assert.ok(splitChunkShared, 'has entrypoint for split chunk');
+
+        assert.equal(error, null, 'has no error output');
+        assert.equal(stats.hasErrors(), false, 'has no errors');
+        assert.equal(stats.hasWarnings(), false, 'has no warnings');
+    });
+
+    describe('split chunk for shared modules', () => {
+        it('should create a web-resource for the split chunk', () => {
+            assert.ok(splitChunkShared);
+            assert.equal(
+                getChild(splitChunkShared, 'resource').length,
+                1,
+                'split chunk contains unexpected amount of resources'
+            );
+        });
+
+        it('should contain all dependencies specified in at least 2 entry-points', () => {
+            const deps = getContent(getChild(splitChunkShared, 'dependency'));
+            assert.include(deps, 'jira.webresources:jquery', 'jquery dependency not found in split chunk');
+            assert.include(
+                deps,
+                'com.atlassian.plugin.jslibs:underscore-1.4.4',
+                'underscore dependency not found in split chunk'
+            );
+        });
+    });
+
+    describe('entry points', () => {
+        let depsApp;
+        let depsApp2;
+        beforeEach(() => {
+            depsApp = getContent(getChild(entryApp, 'dependency'));
+            depsApp2 = getContent(getChild(entryApp2, 'dependency'));
+        });
+        it('should not have direct dependency to shared deps', () => {
+            assert.notInclude(depsApp, 'jira.webresources:jquery', 'unexpected dependency found');
+            assert.notInclude(depsApp, 'com.atlassian.plugin.jslibs:underscore-1.4.4', 'unexpected dependency found');
+            assert.notInclude(depsApp2, 'jira.webresources:jquery', 'unexpected dependency found');
+            assert.notInclude(depsApp2, 'com.atlassian.plugin.jslibs:underscore-1.4.4', 'unexpected dependency found');
+        });
+
+        it('should have dependency to split chunks', () => {
+            assert.include(depsApp, 'com.atlassian.plugin.test:split_app~app2', 'expected dependency not found');
+            assert.include(depsApp2, 'com.atlassian.plugin.test:split_app~app2', 'expected dependency not found');
+        });
+    });
+
+    describe('test web-resources', () => {
+        let depsTestApp;
+        let depsTestApp2;
+        let resourcesTestApp;
+        let resourcesTestApp2;
+        beforeEach(() => {
+            depsTestApp = getContent(getChild(testEntryApp, 'dependency'));
+            depsTestApp2 = getContent(getChild(testEntryApp2, 'dependency'));
+            resourcesTestApp = getAttribute(getChild(testEntryApp, 'resource'), 'name');
+            resourcesTestApp2 = getAttribute(getChild(testEntryApp2, 'resource'), 'name');
+        });
+
+        it('should contain the dependencies as specified in the split chunks', () => {
+            assert.include(depsTestApp, 'jira.webresources:jquery', 'expected dependency not found');
+            assert.include(
+                depsTestApp,
+                'com.atlassian.plugin.jslibs:underscore-1.4.4',
+                'expected dependency not found'
+            );
+            assert.include(depsTestApp2, 'jira.webresources:jquery', 'expected dependency not found');
+            assert.include(
+                depsTestApp2,
+                'com.atlassian.plugin.jslibs:underscore-1.4.4',
+                'expected dependency not found'
+            );
+        });
+
+        it('should contain the resources as specified in its entry point - including those from split chunks', () => {
+            const extLength = 3;
+
+            const assetsResourceKeyApp1 = resourcesTestApp[0];
+            const assetsResourcePrefixApp1 = assetsResourceKeyApp1.substr(
+                0,
+                assetsResourceKeyApp1.length - uuidLength - extLength
+            );
+            const assetsResourceUuidApp1 = assetsResourceKeyApp1.substr(-(uuidLength + extLength), uuidLength);
+
+            assert.strictEqual(assetsResourcePrefixApp1, 'qunit-require-shim-', 'expected resource not found');
+            assert.uuid(assetsResourceUuidApp1, 'v4', 'expected resource not found');
+
+            assert.strictEqual(
+                resourcesTestApp[1],
+                'test/use-cases/split-chunks-with-tests/src/bar.js',
+                'expected resource not found'
+            );
+            assert.strictEqual(
+                resourcesTestApp[2],
+                'test/use-cases/split-chunks-with-tests/src/foo.js',
+                'expected resource not found'
+            );
+            assert.strictEqual(
+                resourcesTestApp[3],
+                'test/use-cases/split-chunks-with-tests/src/app.js',
+                'expected resource not found'
+            );
+
+            const assetsResourceKeyApp2 = resourcesTestApp[0];
+            const assetsResourcePrefixApp2 = assetsResourceKeyApp2.substr(
+                0,
+                assetsResourceKeyApp2.length - uuidLength - extLength
+            );
+            const assetsResourceUuidApp2 = assetsResourceKeyApp2.substr(-(uuidLength + extLength), uuidLength);
+
+            assert.strictEqual(assetsResourcePrefixApp2, 'qunit-require-shim-', 'expected resource not found');
+            assert.uuid(assetsResourceUuidApp2, 'v4', 'expected resource not found');
+
+            assert.strictEqual(
+                resourcesTestApp2[1],
+                'test/use-cases/split-chunks-with-tests/src/bar.js',
+                'expected resource not found'
+            );
+            assert.strictEqual(
+                resourcesTestApp2[2],
+                'test/use-cases/split-chunks-with-tests/src/foo2.js',
+                'expected resource not found'
+            );
+            assert.strictEqual(
+                resourcesTestApp2[3],
+                'test/use-cases/split-chunks-with-tests/src/app2.js',
+                'expected resource not found'
+            );
+
+            assert.strictEqual(resourcesTestApp.length, 4, 'unexpected number of resources');
+            assert.strictEqual(resourcesTestApp2.length, 4, 'unexpected number of resources');
+        });
+
+        it('should not contain resources from other entry points', () => {
+            assert.notInclude(
+                resourcesTestApp2,
+                'test/use-cases/split-chunks-with-tests/src/foo.js',
+                'unexpected resource found'
+            );
+            assert.notInclude(
+                resourcesTestApp2,
+                'test/use-cases/split-chunks-with-tests/src/app.js',
+                'unexpected resource found'
+            );
+
+            assert.notInclude(
+                resourcesTestApp,
+                'test/use-cases/split-chunks-with-tests/src/foo2.js',
+                'unexpected resource found'
+            );
+            assert.notInclude(
+                resourcesTestApp,
+                'test/use-cases/split-chunks-with-tests/src/app2.js',
+                'unexpected resource found'
+            );
+        });
+    });
+});

package/test/use-cases/split-chunks-with-tests/src/app.js

@@ -0,0 +1,7 @@
+import $ from 'jquery';
+import foo from './foo';
+import bar from './bar';
+
+$(() => {
+    $('body').html(`hello world, ${bar} ${foo}`);
+});

package/test/use-cases/split-chunks-with-tests/src/app2.js

@@ -0,0 +1,7 @@
+import $ from 'jquery';
+import foo2 from './foo2';
+import bar from './bar';
+
+$(() => {
+    $('body').html(`hello world, ${bar} ${foo2}`);
+});

package/test/use-cases/split-chunks-with-tests/src/bar.js

@@ -0,0 +1,2 @@
+import $ from 'jquery';
+export default 'bar';

package/test/use-cases/split-chunks-with-tests/src/bar_test.js

@@ -0,0 +1 @@
+// nothing

package/test/use-cases/split-chunks-with-tests/src/foo.js

@@ -0,0 +1,2 @@
+import _ from 'underscore';
+export default 'foo';

package/test/use-cases/split-chunks-with-tests/src/foo2.js

@@ -0,0 +1,2 @@
+import _ from 'underscore';
+export default 'foo2';

package/test/use-cases/split-chunks-with-tests/src/foo_test.js

@@ -0,0 +1 @@
+// nothing

package/test/use-cases/split-chunks-with-tests/webpack.config.js

@@ -0,0 +1,43 @@
+const path = require('path');
+
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+const providedDependencies = new Map();
+providedDependencies.set('jquery', {
+    dependency: 'jira.webresources:jquery',
+    import: "require('jquery')",
+});
+providedDependencies.set('underscore', {
+    dependency: 'com.atlassian.plugin.jslibs:underscore-1.4.4',
+    import: "require('underscore')",
+});
+
+module.exports = {
+    mode: 'production',
+    entry: {
+        app: path.join(FRONTEND_SRC_DIR, 'app.js'),
+        app2: path.join(FRONTEND_SRC_DIR, 'app2.js'),
+    },
+    optimization: {
+        runtimeChunk: true,
+        splitChunks: {
+            minSize: 0,
+            chunks: 'all',
+        },
+    },
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+            providedDependencies,
+            __testGlobs__: ['**/split-chunks-with-tests/src/*_test.js'],
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};

package/test/use-cases/standalone/src/standalone-1.js

@@ -0,0 +1 @@
+export default 'x';

package/test/use-cases/standalone/src/standalone-2.js

@@ -0,0 +1 @@
+export default 'y';

package/test/use-cases/standalone/standalone.test.js

@@ -0,0 +1,53 @@
+const assert = require('chai').assert;
+const PrettyData = require('pretty-data').pd;
+const webpack = require('webpack');
+const fs = require('fs');
+const path = require('path');
+
+const targetDir = path.join(__dirname, 'target');
+const webresourceOutput = path.join(targetDir, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml');
+
+describe('standalone', function() {
+    let config = require('./webpack.config.js');
+
+    it('compiles an xml file', done => {
+        webpack(config, (err, stats) => {
+            if (err) {
+                throw err;
+            }
+            assert.equal(stats.hasErrors(), false);
+            assert.equal(stats.hasWarnings(), false);
+            assert.equal(fs.existsSync(webresourceOutput), true);
+            done();
+        });
+    });
+
+    describe('xml-descriptor', function() {
+        let xmlFile;
+
+        before(done => {
+            webpack(config, (err, stats) => {
+                xmlFile = fs.readFileSync(webresourceOutput, 'utf-8');
+                done();
+            });
+        });
+
+        it('is lean', function() {
+            assert.equal(
+                xmlFile,
+                PrettyData.xml(
+                    `
+<bundles>
+  <web-resource key="entrypoint-standalone-1">
+    <resource type="download" name="standalone-1.js" location="standalone-1.js"/>
+  </web-resource>
+  <web-resource key="entrypoint-standalone-2">
+    <resource type="download" name="standalone-2.js" location="standalone-2.js"/>
+  </web-resource>
+</bundles>
+`
+                ).trim()
+            );
+        });
+    });
+});

package/test/use-cases/standalone/webpack.config.js

@@ -0,0 +1,25 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.resolve(__dirname, 'src');
+const OUTPUT_DIR = path.resolve(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    context: FRONTEND_SRC_DIR,
+    entry: {
+        'standalone-1': path.join(FRONTEND_SRC_DIR, 'standalone-1.js'),
+        'standalone-2': path.join(FRONTEND_SRC_DIR, 'standalone-2.js'),
+    },
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(__dirname, 'target', 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+            standalone: true,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: path.resolve(OUTPUT_DIR),
+    },
+};

package/test/use-cases/wrm-dependency-loading/src-amd/app.js

@@ -0,0 +1,7 @@
+define('my-app', ['jquery', 'require', 'wr-dependency!some.weird:web-resource'], function($, req) {
+    req('wr-dependency!foo-bar:baz');
+
+    $(function() {
+        $('body').html('hello world');
+    });
+});

package/test/use-cases/wrm-dependency-loading/src-es6/app.js

@@ -0,0 +1,7 @@
+import $ from 'jquery';
+import 'wr-dependency!some.weird:web-resource';
+import 'wr-dependency!foo-bar:baz';
+
+$(() => {
+    $('body').html('hello world');
+});

package/test/use-cases/wrm-dependency-loading/webpack.config.amd.js

@@ -0,0 +1,22 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src-amd');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        'app-amd': path.join(FRONTEND_SRC_DIR, 'app.js'),
+    },
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};

package/test/use-cases/wrm-dependency-loading/webpack.config.es6.js

@@ -0,0 +1,22 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src-es6');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        'app-es6': path.join(FRONTEND_SRC_DIR, 'app.js'),
+    },
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};

package/test/use-cases/wrm-dependency-loading/wrm-dependency-loading.test.js

@@ -0,0 +1,60 @@
+const assert = require('chai').assert;
+const parse = require('xml-parser');
+const webpack = require('webpack');
+const fs = require('fs');
+const path = require('path');
+
+const targetDir = path.join(__dirname, 'target');
+const webresourceOutput = path.join(targetDir, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml');
+
+describe('wrm-dependency-loading', function() {
+    let stats;
+    let entry;
+    let dependencies;
+
+    function getDependencies(node) {
+        return node.children.filter(n => n.name === 'dependency');
+    }
+
+    function getContent(nodes) {
+        return nodes.map(n => n.content);
+    }
+
+    function runWebpack(config, done) {
+        webpack(config, (err, st) => {
+            stats = st;
+
+            const xmlFile = fs.readFileSync(webresourceOutput, 'utf-8');
+            const results = parse(xmlFile);
+            entry = results.root.children.find(n => n.attributes.key.startsWith('entry'));
+            dependencies = getContent(getDependencies(entry));
+            done();
+        });
+    }
+
+    function runTheTestsFor(config) {
+        beforeEach(done => runWebpack(config, done));
+
+        it('should create a webresource with dependencies', () => {
+            assert.ok(entry);
+            assert.ok(dependencies);
+            assert.equal(stats.hasErrors(), false);
+            assert.equal(stats.hasWarnings(), false);
+        });
+
+        it('add a dependency for each requested web-resource', () => {
+            assert.include(dependencies, 'some.weird:web-resource');
+            assert.include(dependencies, 'foo-bar:baz');
+        });
+    }
+
+    describe('in ES6 modules', function() {
+        const config = require('./webpack.config.es6.js');
+        runTheTestsFor(config);
+    });
+
+    describe('in AMD', function() {
+        const config = require('./webpack.config.amd.js');
+        runTheTestsFor(config);
+    });
+});

package/test/use-cases/wrm-manifest-path/src/a.js

@@ -0,0 +1,3 @@
+define('a', function() {
+    return 'A';
+});

package/test/use-cases/wrm-manifest-path/src/app.js

@@ -0,0 +1,3 @@
+define('app2', ['./a'], function(a) {
+    console.log(a);
+});

package/test/use-cases/wrm-manifest-path/src/app2.js

@@ -0,0 +1,3 @@
+define('app', ['./a', './b'], function(a, b) {
+    console.log(a, b);
+});

package/test/use-cases/wrm-manifest-path/src/b.js

@@ -0,0 +1,3 @@
+define('b', function() {
+    return 'B';
+});

package/test/use-cases/wrm-manifest-path/webpack.config.js

@@ -0,0 +1,27 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        app: path.join(FRONTEND_SRC_DIR, 'app.js'),
+        app2: path.join(FRONTEND_SRC_DIR, 'app2.js'),
+    },
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+            wrmManifestPath: path.join(OUTPUT_DIR, 'manifest.json'),
+            webresourceKeyMap: { app2: 'app2-custom-entrypoint-name' },
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+        library: '[name]-with-a-custom-library-name',
+        libraryTarget: 'amd',
+    },
+};

package/test/use-cases/wrm-manifest-path/wrm-manifest-path.test.js

@@ -0,0 +1,57 @@
+const assert = require('chai').assert;
+const parse = require('xml-parser');
+const webpack = require('webpack');
+const fs = require('fs');
+const path = require('path');
+
+const targetDir = path.join(__dirname, 'target');
+const wrmManifestOutput = path.join(targetDir, 'manifest.json');
+
+describe('wrm-manifest-path', function() {
+    let config = require('./webpack.config.js');
+
+    it('generates a manifest JSON file', done => {
+        webpack(config, (err, stats) => {
+            if (err) {
+                throw err;
+            }
+            assert.equal(stats.hasErrors(), false);
+            assert.equal(stats.hasWarnings(), false);
+            assert.equal(fs.existsSync(wrmManifestOutput), true);
+            done();
+        });
+    });
+
+    it('contains all entrypoints', done => {
+        webpack(config, err => {
+            if (err) {
+                throw err;
+            }
+
+            const wrmManifest = require(wrmManifestOutput).providedDependencies;
+            const entries = Object.getOwnPropertyNames(wrmManifest);
+            assert.equal(entries.length, 2);
+            assert.equal(wrmManifest.app.dependency, 'com.atlassian.plugin.test:entrypoint-app');
+            assert.equal(wrmManifest.app2.dependency, 'com.atlassian.plugin.test:app2-custom-entrypoint-name');
+
+            done();
+        });
+    });
+
+    it('handles custom library [name]s', done => {
+        webpack(config, err => {
+            if (err) {
+                throw err;
+            }
+
+            const wrmManifest = require(wrmManifestOutput).providedDependencies;
+            assert.equal(wrmManifest.app.import.var, `require('app-with-a-custom-library-name')`);
+            assert.equal(wrmManifest.app.import.amd, 'app-with-a-custom-library-name');
+
+            assert.equal(wrmManifest.app2.import.var, `require('app2-with-a-custom-library-name')`);
+            assert.equal(wrmManifest.app2.import.amd, 'app2-with-a-custom-library-name');
+
+            done();
+        });
+    });
+});

package/test/use-cases/wrm-resource-loading/src-amd/app.js

@@ -0,0 +1,6 @@
+define('my-app', ['require', 'wr-resource!ultimate/name/at/runtime.css!src-amd/styles.less'], function(req) {
+    req('wr-resource!ultimate/name/at/runtime.js!src-amd/template.soy');
+
+    // the MySoyTemplateNamespace would be provided via the soy file. It's currently a side-effect of its generation.
+    document.body.innerHTML = MySoyTemplateNamespace.Example.sayHello({ name: 'world' });
+});

package/test/use-cases/wrm-resource-loading/src-es6/app.js

@@ -0,0 +1,5 @@
+import 'wr-resource!ultimate/name/at/runtime.js!src-es6/template.soy';
+import 'wr-resource!ultimate/name/at/runtime.css!src-es6/styles.less';
+
+// the MySoyTemplateNamespace would be provided via the soy file. It's currently a side-effect of its generation.
+document.body.innerHTML = MySoyTemplateNamespace.Example.sayHello({ name: 'world' });

package/test/use-cases/wrm-resource-loading/src-relative/app.js

@@ -0,0 +1,5 @@
+import 'wr-resource!ultimate/name/at/runtime.js!./template.soy';
+import 'wr-resource!ultimate/name/at/runtime.css!./styles.less';
+
+// the MySoyTemplateNamespace would be provided via the soy file. It's currently a side-effect of its generation.
+document.body.innerHTML = MySoyTemplateNamespace.Example.sayHello({ name: 'world' });

package/test/use-cases/wrm-resource-loading/webpack.config.amd.js

@@ -0,0 +1,23 @@
+const path = require('path');
+const WrmPlugin = require('../../../src/WrmPlugin');
+const FRONTEND_SRC_DIR = path.join(__dirname, 'src-amd');
+const OUTPUT_DIR = path.join(__dirname, 'target');
+
+module.exports = {
+    mode: 'development',
+    entry: {
+        'app-amd': path.join(FRONTEND_SRC_DIR, 'app.js'),
+    },
+    context: __dirname,
+    plugins: [
+        new WrmPlugin({
+            pluginKey: 'com.atlassian.plugin.test',
+            xmlDescriptors: path.join(OUTPUT_DIR, 'META-INF', 'plugin-descriptor', 'wr-webpack-bundles.xml'),
+            verbose: false,
+        }),
+    ],
+    output: {
+        filename: '[name].js',
+        path: OUTPUT_DIR,
+    },
+};