Port to use code splitting; Rename entry point to the package name

bb23a2b5 · Reiter, Christoph · 04ca30c7 · bb23a2b5 · bb23a2b5 · bb23a2b5
Commit bb23a2b5 authored 5 years ago by Reiter, Christoph
--- a/packages/person-profile/assets/index.html
+++ b/packages/person-profile/assets/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
    <meta charset="UTF-8">
-    <script type="module" src="bundle.js"></script>
+    <script type="module" src="vpu-person-profile-demo.js"></script>
 </head>
 <body>

--- a/packages/person-profile/assets/vpu-person-profile.metadata.json
+++ b/packages/person-profile/assets/vpu-person-profile.metadata.json
 {
  "element": "vpu-person-profile",
-  "module_src": "person-profile.js",
+  "module_src": "vpu-person-profile.js",
  "name": {
    "de": "Benutzerprofil",
    "en": "User profile"

--- a/packages/person-profile/package.json
+++ b/packages/person-profile/package.json
 {
  "name": "vpu-person-profile",
  "version": "1.0.0",
-  "main": "src/index.js",
+  "main": "src/vpu-person-profile.js",
  "devDependencies": {
    "karma": "^4.2.0",
    "karma-chai": "^0.1.0",

--- a/packages/person-profile/rollup.config.js
+++ b/packages/person-profile/rollup.config.js
@@ -14,16 +14,19 @@ const build = (typeof process.env.BUILD !== 'undefined') ? process.env.BUILD : '
 console.log("build: " + build);
 export default {
-    input: (build != 'test') ? 'src/demo.js' : 'test/**/*.js',
+    input: (build != 'test') ? ['src/vpu-person-profile.js', 'src/vpu-person-profile-demo.js'] : 'test/**/*.js',
    output: {
-        file: 'dist/bundle.js',
+        dir: 'dist',
-        format: 'esm'
+        entryFileNames: '[name].js',
+        chunkFileNames: 'shared/[name].[hash].[format].js',
+        format: 'esm',
+        sourcemap: true
    },
    plugins: [
        del({
            targets: 'dist/*'
        }),
-        multiEntry(),
+        (build == 'test') ? multiEntry() : false,
        consts({
            environment: build,
        }),
@@ -51,6 +54,7 @@ export default {
        copy({
            targets: [
                {src: 'assets/index.html', dest: 'dist'},
+                {src: 'assets/vpu-person-profile.metadata.json', dest: 'dist'},
                {src: 'node_modules/vpu-common/assets/icons/*.svg', dest: 'dist/local/vpu-common/icons'},
            ],
        }),

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

--- a/packages/person-profile/src/person-profile.js
+++ b/packages/person-profile/src/person-profile.js
--- a/packages/person-profile/test/unit.js
+++ b/packages/person-profile/test/unit.js
-import '../src/person-profile.js';
+import '../src/vpu-person-profile.js';
 import '../src/demo.js';
 describe('vpu-person-profile demo', () => {