build: rename dist file names to align vue core lib

ktsn · ktsn · commit c65712eb85f0 · 2020-05-06T15:10:22.000+08:00
BREAKING CHANGE: file names under `dist/` directory will be changed as following:
- vue-class-component.js -&gt; vue-class-component.global.js (also changed from umd to iife)
- vue-class-component.min.js -&gt; vue-class-component.global.prod.js (also changed from umd to iife)
- vue-class-component.common.js -&gt; vue-class-component.cjs.js
- vue-class-component.esm.js -&gt; vue-class-component.esm-bundler.js
- vue-class-component.esm.browser.js -&gt; vue-class-component.esm-browser.js
- vue-class-component.esm.browser.min.js -&gt; vue-class-component.esm-browser.prod.js
diff --git a/package.json b/package.json
@@ -2,10 +2,11 @@
   "name": "vue-class-component",
   "version": "8.0.0-alpha.3",
   "description": "ES201X/TypeScript class decorator for Vue components",
-  "main": "dist/vue-class-component.common.js",
-  "module": "dist/vue-class-component.esm.js",
-  "unpkg": "dist/vue-class-component.js",
-  "typings": "dist/vue-class-component.d.ts",
+  "main": "dist/vue-class-component.cjs.js",
+  "module": "dist/vue-class-component.esm-bundler.js",
+  "unpkg": "dist/vue-class-component.global.js",
+  "jsdelivr": "dist/vue-class-component.global.js",
+  "types": "dist/vue-class-component.d.ts",
   "files": [
     "dist"
   ],
diff --git a/scripts/build.js b/scripts/build.js
@@ -46,34 +46,41 @@ const babelConfigForLegacy = {
 build(
   [
     {
-      file: resolve('dist/vue-class-component.js'),
-      format: 'umd',
+      file: resolve('dist/vue-class-component.global.js'),
+      format: 'iife',
       env: 'development',
     },
     {
-      file: resolve('dist/vue-class-component.min.js'),
-      format: 'umd',
+      file: resolve('dist/vue-class-component.global.prod.js'),
+      format: 'iife',
       env: 'production',
+      minify: true,
     },
     {
-      file: resolve('dist/vue-class-component.common.js'),
+      file: resolve('dist/vue-class-component.cjs.js'),
       format: 'cjs',
     },
     {
-      file: resolve('dist/vue-class-component.esm.js'),
+      file: resolve('dist/vue-class-component.esm-bundler.js'),
       format: 'esm',
     },
     {
-      file: resolve('dist/vue-class-component.esm.browser.js'),
+      file: resolve('dist/vue-class-component.esm-browser.js'),
       format: 'esm',
       env: 'development',
     },
     {
-      file: resolve('dist/vue-class-component.esm.browser.min.js'),
+      file: resolve('dist/vue-class-component.esm-browser.prod.js'),
       format: 'esm',
       env: 'production',
+      minify: true,
     },
-  ].map(genConfig)
+  ].map((options) => {
+    return {
+      config: genConfig(options),
+      options,
+    }
+  })
 ).catch(() => {
   process.exit(1)
 })
@@ -89,6 +96,11 @@ function genConfig(opts) {
             ? babelConfigForModern
             : babelConfigForLegacy
         ),
+        replace({
+          __DEV__: opts.env
+            ? JSON.stringify(opts.env === 'development')
+            : "process.env.NODE_ENV !== 'production'",
+        }),
       ],
     },
     output: {
@@ -103,22 +115,15 @@ function genConfig(opts) {
     },
   }
 
-  if (opts.env) {
-    config.input.plugins.unshift(
-      replace({
-        'process.env.NODE_ENV': JSON.stringify(opts.env),
-      })
-    )
-  }
-
   return config
 }
 
 function build(builds) {
   let built = 0
   const total = builds.length
   const next = () => {
-    return buildEntry(builds[built])
+    const { config, options } = builds[built]
+    return buildEntry(config, options)
       .then(() => {
         built++
         if (built < total) {
@@ -134,14 +139,14 @@ function build(builds) {
   return next()
 }
 
-function buildEntry({ input, output }) {
-  const isProd = /min\.js$/.test(output.file)
+function buildEntry({ input, output }, options) {
+  const isMinify = options.minify
   return rollup
     .rollup(input)
     .then((bundle) => bundle.generate(output))
     .then((result) => {
       const { code } = result.output[0]
-      if (isProd) {
+      if (isMinify) {
         const minified = uglify.minify(code, {
           output: {
             preamble: output.banner,
