wip(build): build vue2/vue3 js/esm for nodejs

Author: Franck Freiburger

build/rollup.config-node.mjs

@@ -9,62 +9,70 @@ const __dirname = fileURLToPath(new URL('.', import.meta.url))
 
 import pkg from '../package.json' assert { type: 'json' };
 
-const vueTarget = '3';
-const outputFormat = 'module';
+
 const genSourcemap = false;
 
+async function configFactory({ name, vueTarget, libraryTargetModule }) {
 
-let vueVersion; // expected vue version
-switch ( vueTarget ) {
-    case '2':
-        vueVersion = (await import('vue-template-compiler/package.json', { assert: { type: 'json' } })).default.version;
-        break;
-    case '3':
-        vueVersion = (await import('@vue/compiler-sfc/package.json', { assert: { type: 'json' } })).default.version;
-        break;
-    default:
-        throw new Error(`invalid vueTarget: ${ vueTarget }`)
+    let vueVersion; // expected vue version
+    switch ( vueTarget ) {
+        case '2':
+            vueVersion = (await import('vue-template-compiler/package.json', { assert: { type: 'json' } })).default.version;
+            break;
+        case '3':
+            vueVersion = (await import('@vue/compiler-sfc/package.json', { assert: { type: 'json' } })).default.version;
+            break;
+        default:
+            throw new Error(`invalid vueTarget: ${ vueTarget }`)
+    }
+    
+    /**
+     * @type {import('rollup').RollupOptions}
+     */
+    const config = {
+        input: './src/index.ts',
+        output: {
+            file: `dist/vue${ vueTarget }-sfc-loader-node.${ libraryTargetModule ? 'mjs' : 'js' }`,
+            format: libraryTargetModule ? 'module' : 'commonjs',
+        },
+        plugins: [
+            replace({
+                preventAssignment: true,
+                values: {
+                    'process.env.GEN_SOURCEMAP': JSON.stringify(genSourcemap),
+                    'process.env.VERSION': JSON.stringify(pkg.version),
+                    'process.env.VUE_VERSION': JSON.stringify(vueVersion),
+                },
+            }),
+            alias({
+                entries: [
+                    { find: './createSFCModule', replacement: `./createVue${ vueTarget }SFCModule` },
+                ]
+            }),
+            typescript({
+                compilerOptions: {
+                    target: 'ES2017', // keep async/await
+                    allowSyntheticDefaultImports: true,
+                }
+            }), // beware: order is important !
+            terser({
+                compress: false,
+                mangle: false,
+                output: {
+                    comments: false,
+                    beautify: true,
+                },
+            }),
+        ],
+    };
+    return config;
 }
 
 
-/**
- * @type {import('rollup').RollupOptions}
- */
-const config = {
-	input: './src/index.ts',
-	output: {
-		file: `dist/vue${ vueTarget }-sfc-loader-node.${ outputFormat === 'module' ? 'mjs' : 'js' }`,
-		format: outputFormat,
-	},
-    plugins: [
-        replace({
-            preventAssignment: true,
-            values: {
-				'process.env.GEN_SOURCEMAP': JSON.stringify(genSourcemap),
-				'process.env.VERSION': JSON.stringify(pkg.version),
-                'process.env.VUE_VERSION': JSON.stringify(vueVersion),
-            },
-        }),
-        alias({
-            entries: [
-                { find: './createSFCModule', replacement: `./createVue${ vueTarget }SFCModule` },
-            ]
-        }),
-        typescript({
-            compilerOptions: {
-                target: 'ES2017', // keep async/await
-                allowSyntheticDefaultImports: true,
-            }
-        }), // beware: order is important !
-        terser({
-            compress: false,
-            mangle: false,
-            output: {
-              comments: false,
-              beautify: true,
-            },
-        }),
-    ],
-};
 
-export default config;
+export default [
+	await configFactory({name: 'vue2', vueTarget: '2', libraryTargetModule: false }),
+	await configFactory({name: 'vue2esm', vueTarget: '2', libraryTargetModule: true }),
+	await configFactory({name: 'vue3', vueTarget: '3', libraryTargetModule: false }),
+	await configFactory({name: 'vue3esm', vueTarget: '3', libraryTargetModule: true }),
+];