Add code splitting and create a main and a demo bundle

e1a8d409 · Reiter, Christoph · 8900482c · e1a8d409 · e1a8d409 · e1a8d409
Commit e1a8d409 authored 5 years ago by Reiter, Christoph
--- a/packages/person-select/assets/index.html
+++ b/packages/person-select/assets/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
    <meta charset="UTF-8">
-    <script type="module" id="vpu-person-select-src" src="vpu-person-select.js"></script>
+    <script type="module" id="vpu-person-select-src" src="vpu-person-select-demo.js"></script>
 </head>

 <body>

--- a/packages/person-select/karma.conf.js
+++ b/packages/person-select/karma.conf.js
@@ -7,7 +7,7 @@ module.exports = function(config) {
    basePath: 'dist',
    frameworks: ['mocha', 'chai'],
    files: [
-      {pattern: './' + pkg.name + '.js', included: true, watched: true, served: true, type: 'module'},
+      {pattern: './*.js', included: true, watched: true, served: true, type: 'module'},
      {pattern: './**/*', included: false, watched: true, served: true},
    ],
    autoWatch: true,

--- a/packages/person-select/package.json
+++ b/packages/person-select/package.json
 {
  "name": "vpu-person-select",
  "version": "1.0.0",
-  "main": "src/index.js",
+  "main": "src/vpu-person-select.js",
  "devDependencies": {
    "chai": "^4.2.0",
    "i18next-scanner": "^2.10.2",
@@ -22,6 +22,7 @@
    "rollup-plugin-serve": "^1.0.1",
    "rollup-plugin-terser": "^5.1.1",
    "rollup-plugin-url": "^2.2.2",
+    "rollup-plugin-delete": "^1.1.0",
    "vpu-auth": "file:./vendor/auth",
    "vpu-common": "file:./vendor/common"
  },

--- a/packages/person-select/rollup.config.js
+++ b/packages/person-select/rollup.config.js
@@ -8,19 +8,25 @@ import serve from 'rollup-plugin-serve';
 import multiEntry from 'rollup-plugin-multi-entry';
 import url from "rollup-plugin-url"
 import consts from 'rollup-plugin-consts';
+import del from 'rollup-plugin-delete';

-const pkg = require('./package.json');
 const build = (typeof process.env.BUILD !== 'undefined') ? process.env.BUILD : 'local';
 console.log("build: " + build);

 export default {
-    input: (build != 'test') ? 'src/demo.js' : 'test/**/*.js',
+    input: (build != 'test') ? ['src/vpu-person-select.js', 'src/vpu-person-select-demo.js'] : 'test/**/*.js',
    output: {
-        file: 'dist/' + pkg.name + '.js',
-        format: 'esm'
+        dir: 'dist',
+        entryFileNames: '[name].js',
+        chunkFileNames: 'shared/[name].[hash].[format].js',
+        format: 'esm',
+        sourcemap: true
    },
    plugins: [
-        multiEntry(),
+        del({
+            targets: 'dist/*'
+        }),
+        (build == 'test') ? multiEntry() : false,
        consts({
            environment: build,
        }),

--- a/packages/person-select/src/demo.js
+++ b/packages/person-select/src/demo.js
-import 'vpu-auth';
-import './person-select-demo.js';
+import './vpu-person-select-demo.js';
--- a/packages/person-select/src/index.js
+++ b/packages/person-select/src/index.js
-import 'vpu-auth';
-import './person-select.js';
--- a/packages/person-select/src/person-select-demo.js
+++ b/packages/person-select/src/person-select-demo.js
+import 'vpu-auth';
 import {i18n} from './i18n.js';
 import {css, html, LitElement} from 'lit-element';
-import './person-select.js';
+import './vpu-person-select.js';
 import * as commonUtils from 'vpu-common/utils';
 import bulmaCSSPath from "bulma/css/bulma.min.css";


--- a/packages/person-select/src/person-select.js
+++ b/packages/person-select/src/person-select.js
--- a/packages/person-select/test/unit.js
+++ b/packages/person-select/test/unit.js
-import '../src/person-select';
-import '../src/demo';
+import '../src/vpu-person-select.js';
+import '../src/demo.js';

 describe('vpu-person-select basics', () => {
  let node;