Refactor: Build and rename distribution files

lmc-eu · Oct 19, 2021 · bdb0f89 · bdb0f89
1 parent 8c433a2
commit bdb0f89
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 36 deletions.
diff --git a/demo/autoload.html b/demo/autoload.html
@@ -6,13 +6,13 @@
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 
  <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet" />
- <link rel="stylesheet" href="../dist/cookieconsent.css">
+ <link rel="stylesheet" href="../dist/LmcCookieConsentManager.css">
 </head>
 <body>
 
 <h1>LMC Cookie Consent Manager Demo</h1>
 
-<script defer src="../dist/index.js"></script>
+<script defer src="../dist/autoload.js"></script>
 
 </body>
 </html>
diff --git a/demo/bootstrap.html b/demo/bootstrap.html
@@ -6,13 +6,13 @@
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 
  <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet" />
- <link rel="stylesheet" href="../dist/cookieconsent.css">
+ <link rel="stylesheet" href="../dist/LmcCookieConsentManager.css">
 </head>
 <body>
 
 <h1>LMC Cookie Consent Manager Demo</h1>
 
-<script defer src="../dist/bootstrap.js"></script>
+<script defer src="../dist/init.js"></script>
 <script>
  window.addEventListener('load', function(){
  initLmcCookieConsentManager();

diff --git a/package.json b/package.json
@@ -9,15 +9,15 @@
  "precss": "yarn css:lint",
  "css": "yarn css:compile && yarn css:prefix && yarn css:minify",
  "css:lint": "stylelint --config .stylelintrc \"src/**/*.scss\" --cache --cache-location .cache/.stylelintcache",
- "css:compile": "sass --load-path=node_modules/@lmc-eu/spirit-design-tokens/dist/default/scss src/cookieconsent.scss dist/cookieconsent.css",
+ "css:compile": "sass --load-path=node_modules/@lmc-eu/spirit-design-tokens/dist/default/scss src/LmcCookieConsentManager.scss dist/LmcCookieConsentManager.css",
  "css:prefix": "postcss --config postcss.config.js --replace \"dist/*.css\" \"!dist/*.min.css\"",
  "css:minify": "cleancss --format breaksWith=lf --source-map-inline-sources --batch --batch-suffix \".min\" \"dist/*.css\" \"!dist/*.min.css\"",
  "test": "yarn css:lint",
  "build:js": "node scripts/build.js",
  "build": "yarn build:js && yarn build:css",
  "format": "yarn format:check",
- "format:check": "prettier --list-different 'src/**/*.{js,jsx,ts,tsx,scss}'",
- "format:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx,scss}'"
+ "format:check": "prettier --list-different 'src/**/*.{js,jsx,ts,tsx,scss}' 'scripts/*'",
+ "format:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx,scss}' 'scripts/*'"
  },
  "dependencies": {
  "@lmc-eu/spirit-design-tokens": "^0.2.0",

diff --git a/scripts/build.js b/scripts/build.js
@@ -1,33 +1,15 @@
-const { build } = require('esbuild')
+const { build } = require('esbuild');
 
 build({
- entryPoints: ['src/autoload.js'],
+ entryPoints: [
+ 'src/autoload.js',
+ 'src/init.js',
+ `src/LmcCookieConsentManager.js`,
+ ],
  bundle: true,
  target: 'es2017',
- outfile: 'dist/autoload.js',
+ outdir: 'dist',
 }).catch((error) => {
- console.error(error)
- process.exit(1)
-})
-
-build({
- entryPoints: ['src/bootstrap.js'],
- bundle: true,
- target: 'es2017',
- outfile: 'dist/bootstrap.js',
-}).catch((error) => {
- console.error(error)
- process.exit(1)
-})
-
-build({
- entryPoints: ['src/LmcCookieConsentManager.js'],
- bundle: true,
- minify: false,
- sourcemap: false,
- target: 'es2019',
- outfile: 'dist/LmcCookieConsentManager.js',
-}).catch((error) => {
- console.error(error)
- process.exit(1)
-})
+ console.error(error);
+ process.exit(1);
+});
diff --git a/src/cookieconsent.scss → src/LmcCookieConsentManager.scss b/src/cookieconsent.scss → src/LmcCookieConsentManager.scss
diff --git a/src/autoload.js b/src/autoload.js
@@ -1,4 +1,4 @@
-import LmcCookieConsent from './LmcCookieConsentManager';
+import LmcCookieConsentManager from './LmcCookieConsentManager';
 
 window.addEventListener('load', function () {
  LmcCookieConsentManager();

diff --git a/src/bootstrap.js → src/init.js b/src/bootstrap.js → src/init.js