feat(transformer): implements webpack transformer

src/transform/transformVuecli.ts

@@ -1,7 +1,7 @@
 import { parseVueCliConfig } from '../config/parse';
 import Config from 'webpack-chain';
 import merge from 'webpack-merge';
-import { Transformer } from './transformer';
+import { initViteConfig, Transformer, useJsx } from './transformer';
 import { ViteConfig, RawValue } from '../config/vite';
 import path from 'path';
 import { TransformContext } from './context';
@@ -15,8 +15,8 @@ export class VueCliTransformer implements Transformer {
 
     context : TransformContext = {
         vueVersion: DEFAULT_VUE_VERSION,
-        jsx: this.useJsx(),
-        config: {},
+        jsx: useJsx(),
+        config: initViteConfig(),
         importList: [],
     }
 
@@ -30,7 +30,7 @@ export class VueCliTransformer implements Transformer {
 
         const css = vueConfig.css || {};
 
-        //Base public path
+        // base public path
         config.base =
             process.env.PUBLIC_URL || vueConfig.publicPath || vueConfig.baseUrl;
 
@@ -57,7 +57,7 @@ export class VueCliTransformer implements Transformer {
             config.server.proxy = devServer.proxy;
         }
 
-        //build options
+        // build options
         config.build = config.build || {};
         config.build.outDir = vueConfig.outputDir;
         const cssCodeSplit = Boolean(css.extract);
@@ -89,8 +89,7 @@ export class VueCliTransformer implements Transformer {
                 return (originConfig.resolve && originConfig.resolve.alias) || {};
             }
         })();
-        const finalAlias = [];
-        finalAlias.push({ find: new RawValue('/^~/'), replacement: ''});
+        const defaultAlias = [];
         const alias = {
             '@':`${rootDir}/src`,
             ...aliasOfConfigureWebpackObjectMode,
@@ -99,39 +98,16 @@ export class VueCliTransformer implements Transformer {
         }
         Object.keys(alias).forEach((key) => {
             const relativePath = path.relative(rootDir,alias[key]).replace(/\\/g,'/');
-            finalAlias.push({
+            defaultAlias.push({
                 find: key,
                 replacement: new RawValue(`path.resolve(__dirname,'${relativePath}')`),
             });
         });
 
-        config.resolve = {};
-        config.resolve.alias = finalAlias;
-
-
-        config.resolve.extensions = [
-            '.mjs',
-            '.js',
-            '.ts',
-            '.jsx',
-            '.tsx',
-            '.json',
-            '.vue',
-        ];
+        config.resolve.alias = defaultAlias;
         return config;
     }
 
-    public useJsx() : boolean {
-        try {
-            const jsx = require('babel-plugin-transform-vue-jsx');
-            if (jsx) {
-                return true;
-            }
-        } catch (error) {} //eslint-disable-line no-empty
-
-        return false;
-    }
-
     public transformVue(context: TransformContext) : void {
         const plugins: RawValue[] = [];
         if (context.vueVersion === 2) {

src/transform/transformWebpack.ts

@@ -1,5 +1,46 @@
+import { parseWebpackConfig } from '../config/parse';
+import { RawValue, ViteConfig } from '../config/vite';
+import { TransformContext } from './context';
+import { initViteConfig, Transformer, useJsx } from './transformer';
+import path from 'path';
+import { DEFAULT_VUE_VERSION } from '../constants/constants';
 
 // convert webpack.config.js => vite.config.js
-export class WebpackTransformer {
+export class WebpackTransformer implements Transformer {
+
+    context : TransformContext = {
+        vueVersion: DEFAULT_VUE_VERSION,
+        jsx: useJsx(),
+        config: initViteConfig(),
+        importList: [],
+    }
+
+
+    public async transform(rootDir: string): Promise<ViteConfig> {
+        const webpackConfig = await parseWebpackConfig(path.resolve(rootDir, 'webpack.config.js'))
+        const config = this.context.config;
+
+        // convert base config
+        config.root = webpackConfig.entry
+        config.mode = webpackConfig.mode
+
+        const defaultAlias = [];
+
+        const alias = {
+            '@':`${rootDir}/src`,
+        }
+        Object.keys(alias).forEach((key) => {
+            const relativePath = path.relative(rootDir,alias[key]).replace(/\\/g,'/');
+            defaultAlias.push({
+                find: key,
+                replacement: new RawValue(`path.resolve(__dirname,'${relativePath}')`),
+            });
+        });
+
+        config.resolve = {};
+        config.resolve.alias = defaultAlias;
+
+        return null
+    }
 
 }

src/transform/transformer.ts

@@ -1,5 +1,5 @@
 import { TransformContext } from './context';
-import { ViteConfig } from '../config/vite';
+import { RawValue, ViteConfig } from '../config/vite';
 /**
  * general implementation for vue.config.js and webpack.config.js
  * 
@@ -10,3 +10,37 @@ export interface Transformer{
     transform(rootDir: string): Promise<ViteConfig>;
 
 }
+
+export function initViteConfig() : ViteConfig {
+    const config : ViteConfig = {}
+
+    const defaultAlias = []
+    defaultAlias.push({ find: new RawValue('/^~/'), replacement: ''});
+    defaultAlias.push({ find: '', replacement: new RawValue('path.resolve(__dirname,\'src\')')});
+
+    config.resolve = {};
+    config.resolve.alias = defaultAlias;
+    config.resolve.extensions = [
+        '.mjs',
+        '.js',
+        '.ts',
+        '.jsx',
+        '.tsx',
+        '.json',
+        '.vue',
+    ];
+
+    return config;
+
+}
+
+export function useJsx() : boolean {
+    try {
+        const jsx = require('babel-plugin-transform-vue-jsx');
+        if (jsx) {
+            return true;
+        }
+    } catch (error) {} //eslint-disable-line no-empty
+
+    return false;
+}