[skip ci] Issue #63 Add script npm run demo-rollup-esm-bundled

demo/clock/esm-bundled.rollup.config.js

@@ -0,0 +1,66 @@
+import resolve from 'rollup-plugin-node-resolve';
+import sizes from 'rollup-plugin-sizes';
+import filesize from 'rollup-plugin-filesize';
+import babel from 'rollup-plugin-babel';
+import minifyPreset from 'babel-preset-minify';
+
+export default {
+  input: 'demo/preprocess/clock.js',
+  output: {
+    file: 'build/esm-bundled/demo/preprocess/clock.js',
+    format: 'esm',
+  },
+  plugins: [
+    resolve({
+      modulesOnly: true,
+    }),
+    babel({
+      sourceMaps: false,
+      comments: false,
+      plugins: [
+        '@babel/plugin-syntax-object-rest-spread',
+        '@babel/plugin-syntax-async-generators',
+        '@babel/plugin-syntax-dynamic-import',
+        '@babel/plugin-syntax-import-meta',
+        // rollup rewrites import.meta.url, but makes them point to the file location after bundling
+        // we want the location before bundling
+        [ 'bundled-import-meta', {
+          'mappings': {
+            'node_modules': '../../node_modules'
+          },
+          'bundleDir': 'demo/preprocess',
+          'importStyle': 'esm',
+        } ],
+      ],
+      presets: [
+        minifyPreset({}, {
+          // Options from polymer-build/src/js-transform.ts
+          // Disable the minify-constant-folding plugin because it has a bug relating
+          // to invalid substitution of constant values into export specifiers:
+          // https://github.com/babel/minify/issues/820
+          evaluate: false,
+
+          // TODO(aomarks) Find out why we disabled this plugin.
+          simplifyComparisons: false,
+
+          // Prevent removal of things that babel thinks are unreachable, but sometimes
+          // gets wrong: https://github.com/Polymer/tools/issues/724
+          deadcode: false,
+
+          // Disable the simplify plugin because it can eat some statements preceeding
+          // loops. https://github.com/babel/minify/issues/824
+          simplify: false,
+
+          // This is breaking ES6 output. https://github.com/Polymer/tools/issues/261
+          mangle: false,
+        }),
+      ],
+    }),
+    sizes({
+      details: true,
+    }),
+    filesize({
+      showBrotliSize: true,
+    }),
+  ]
+}

demo/preprocess/esm-bundled.rollup.config.js

@@ -0,0 +1,66 @@
+import resolve from 'rollup-plugin-node-resolve';
+import sizes from 'rollup-plugin-sizes';
+import filesize from 'rollup-plugin-filesize';
+import babel from 'rollup-plugin-babel';
+import minifyPreset from 'babel-preset-minify';
+
+export default {
+  input: 'demo/preprocess/clock.js',
+  output: {
+    file: 'build/esm-bundled/demo/preprocess/clock.js',
+    format: 'esm',
+  },
+  plugins: [
+    resolve({
+      modulesOnly: true,
+    }),
+    babel({
+      sourceMaps: false,
+      comments: false,
+      plugins: [
+        '@babel/plugin-syntax-object-rest-spread',
+        '@babel/plugin-syntax-async-generators',
+        '@babel/plugin-syntax-dynamic-import',
+        '@babel/plugin-syntax-import-meta',
+        // rollup rewrites import.meta.url, but makes them point to the file location after bundling
+        // we want the location before bundling
+        [ 'bundled-import-meta', {
+          'mappings': {
+            'node_modules': '../../node_modules'
+          },
+          'bundleDir': 'demo/preprocess',
+          'importStyle': 'esm',
+        } ],
+      ],
+      presets: [
+        minifyPreset({}, {
+          // Options from polymer-build/src/js-transform.ts
+          // Disable the minify-constant-folding plugin because it has a bug relating
+          // to invalid substitution of constant values into export specifiers:
+          // https://github.com/babel/minify/issues/820
+          evaluate: false,
+
+          // TODO(aomarks) Find out why we disabled this plugin.
+          simplifyComparisons: false,
+
+          // Prevent removal of things that babel thinks are unreachable, but sometimes
+          // gets wrong: https://github.com/Polymer/tools/issues/724
+          deadcode: false,
+
+          // Disable the simplify plugin because it can eat some statements preceeding
+          // loops. https://github.com/babel/minify/issues/824
+          simplify: false,
+
+          // This is breaking ES6 output. https://github.com/Polymer/tools/issues/261
+          mangle: false,
+        }),
+      ],
+    }),
+    sizes({
+      details: true,
+    }),
+    filesize({
+      showBrotliSize: true,
+    }),
+  ]
+}

package.json

@@ -33,6 +33,7 @@
   },
   "scripts": {
     "demo": "cd demo && gulp",
+    "demo-rollup-esm-bundled": "rollup -c demo/preprocess/esm-bundled.rollup.config.js",
     "size-polymer-build": "cd test && polymer build --root ..",
     "size-rollup": "rollup -c",
     "size-gulp": "gulp size",

polymer.json

@@ -17,7 +17,7 @@
     {
       "name": "esm-unbundled",
       "browserCapabilities": [
-        "es2015",
+        "es2017",
         "modules"
       ],
       "js": {
@@ -35,7 +35,7 @@
     {
       "name": "esm-bundled",
       "browserCapabilities": [
-        "es2015",
+        "es2017",
         "modules"
       ],
       "js": {

test/polymer.json

@@ -9,7 +9,7 @@
     {
       "name": "esm-bundled",
       "browserCapabilities": [
-        "es2015",
+        "es2017",
         "modules"
       ],
       "js": {