@varlet/cli 1.21.0 → 1.21.1-alpha.64

package/lib/site/components/utils/shared.js

@@ -0,0 +1,181 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kebabCase = exports.uniq = exports.inBrowser = exports.dt = exports.parseFormat = exports.easeInOutCubic = exports.cubic = exports.linear = exports.createCache = exports.debounce = exports.throttle = exports.removeItem = exports.isEmpty = exports.isURL = exports.isArray = exports.isPlainObject = exports.isNumber = exports.isBool = exports.isString = exports.isHTMLSupportVideo = exports.isHTMLSupportImage = exports.toNumber = void 0;
+var toNumber = function (val) {
+    if (val == null)
+        return 0;
+    if (exports.isString(val)) {
+        val = parseFloat(val);
+        val = Number.isNaN(val) ? 0 : val;
+        return val;
+    }
+    if (exports.isBool(val))
+        return Number(val);
+    return val;
+};
+exports.toNumber = toNumber;
+var isHTMLSupportImage = function (val) { return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg)$/.test(val); };
+exports.isHTMLSupportImage = isHTMLSupportImage;
+var isHTMLSupportVideo = function (val) { return val.startsWith('data:video') || /\.(mp4|webm|ogg)$/.test(val); };
+exports.isHTMLSupportVideo = isHTMLSupportVideo;
+var isString = function (val) { return typeof val === 'string'; };
+exports.isString = isString;
+var isBool = function (val) { return typeof val === 'boolean'; };
+exports.isBool = isBool;
+var isNumber = function (val) { return typeof val === 'number'; };
+exports.isNumber = isNumber;
+var isPlainObject = function (val) {
+    return Object.prototype.toString.call(val) === '[object Object]';
+};
+exports.isPlainObject = isPlainObject;
+var isArray = function (val) { return Array.isArray(val); };
+exports.isArray = isArray;
+var isURL = function (val) { return /^(http)|(\.*\/)/.test(val); };
+exports.isURL = isURL;
+var isEmpty = function (val) {
+    return val === undefined || val === null || val === '' || (Array.isArray(val) && !val.length);
+};
+exports.isEmpty = isEmpty;
+var removeItem = function (arr, item) {
+    if (arr.length) {
+        var index = arr.indexOf(item);
+        if (index > -1) {
+            return arr.splice(index, 1);
+        }
+    }
+};
+exports.removeItem = removeItem;
+var throttle = function (method, mustRunDelay) {
+    if (mustRunDelay === void 0) { mustRunDelay = 200; }
+    var timer;
+    var start;
+    return function loop() {
+        var _this = this;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var now = Date.now();
+        if (!start) {
+            start = now;
+        }
+        if (timer) {
+            window.clearTimeout(timer);
+        }
+        if (now - start >= mustRunDelay) {
+            method.apply(this, args);
+            start = now;
+        }
+        else {
+            timer = window.setTimeout(function () {
+                loop.apply(_this, args);
+            }, 50);
+        }
+    };
+};
+exports.throttle = throttle;
+var debounce = function (method, delay) {
+    if (delay === void 0) { delay = 200; }
+    var timer;
+    return function () {
+        var _this = this;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        timer && window.clearTimeout(timer);
+        timer = window.setTimeout(function () {
+            method.apply(_this, args);
+        }, delay);
+    };
+};
+exports.debounce = debounce;
+var createCache = function (max) {
+    var cache = [];
+    return {
+        cache: cache,
+        has: function (key) {
+            return this.cache.includes(key);
+        },
+        add: function (key) {
+            if (this.has(key)) {
+                return;
+            }
+            this.cache.length === max && cache.shift();
+            this.cache.push(key);
+        },
+        remove: function (key) {
+            this.has(key) && exports.removeItem(this.cache, key);
+        },
+        clear: function () {
+            this.cache.length = 0;
+        },
+    };
+};
+exports.createCache = createCache;
+var linear = function (value) { return value; };
+exports.linear = linear;
+var cubic = function (value) { return Math.pow(value, 3); };
+exports.cubic = cubic;
+var easeInOutCubic = function (value) {
+    return value < 0.5 ? exports.cubic(value * 2) / 2 : 1 - exports.cubic((1 - value) * 2) / 2;
+};
+exports.easeInOutCubic = easeInOutCubic;
+function parseFormat(format, time) {
+    var scannedTimes = Object.values(time);
+    var scannedFormats = ['DD', 'HH', 'mm', 'ss'];
+    var padValues = [24, 60, 60, 1000];
+    scannedFormats.forEach(function (scannedFormat, index) {
+        if (!format.includes(scannedFormat)) {
+            scannedTimes[index + 1] += scannedTimes[index] * padValues[index];
+        }
+        else {
+            format = format.replace(scannedFormat, String(scannedTimes[index]).padStart(2, '0'));
+        }
+    });
+    if (format.includes('S')) {
+        var ms = String(scannedTimes[scannedTimes.length - 1]).padStart(3, '0');
+        if (format.includes('SSS')) {
+            format = format.replace('SSS', ms);
+        }
+        else if (format.includes('SS')) {
+            format = format.replace('SS', ms.slice(0, 2));
+        }
+        else {
+            format = format.replace('S', ms.slice(0, 1));
+        }
+    }
+    return format;
+}
+exports.parseFormat = parseFormat;
+var dt = function (value, defaultText) { return (value == null ? defaultText : value); };
+exports.dt = dt;
+exports.inBrowser = typeof window !== 'undefined';
+var uniq = function (arr) { return __spreadArray([], __read(new Set(arr))); };
+exports.uniq = uniq;
+function kebabCase(str) {
+    var reg = /([^-])([A-Z])/g;
+    return str.replace(reg, '$1-$2').replace(reg, '$1-$2').toLowerCase();
+}
+exports.kebabCase = kebabCase;

package/lib/site/mobile/main.d.ts

@@ -0,0 +1,3 @@
+import '@varlet/touch-emulator';
+import '../components/styles/common.less';
+import '../components/styles/elevation.less';

package/lib/site/mobile/main.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-ignore
+var _mobile_routes_1 = __importDefault(require("@mobile-routes"));
+// @ts-ignore
+var _config_1 = __importDefault(require("@config"));
+var App_vue_1 = __importDefault(require("./App.vue"));
+require("@varlet/touch-emulator");
+var vue_1 = require("vue");
+var vue_router_1 = require("vue-router");
+var icon_1 = __importDefault(require("../components/icon"));
+var app_bar_1 = __importDefault(require("../components/app-bar"));
+var button_1 = __importDefault(require("../components/button"));
+var menu_1 = __importDefault(require("../components/menu"));
+var cell_1 = __importDefault(require("../components/cell"));
+var ripple_1 = __importDefault(require("../components/ripple"));
+require("../components/styles/common.less");
+require("../components/styles/elevation.less");
+var lodash_es_1 = require("lodash-es");
+var utils_1 = require("../utils");
+var redirect = lodash_es_1.get(_config_1.default, 'mobile.redirect');
+var defaultLanguage = lodash_es_1.get(_config_1.default, 'defaultLanguage');
+redirect &&
+    _mobile_routes_1.default.push({
+        path: '/:pathMatch(.*)',
+        redirect: redirect,
+    });
+_mobile_routes_1.default.push({
+    path: '/home',
+    component: function () { return Promise.resolve().then(function () { return __importStar(require('./components/AppHome.vue')); }); }
+});
+var router = vue_router_1.createRouter({
+    history: vue_router_1.createWebHashHistory(),
+    scrollBehavior: function (to, from, savedPosition) { return savedPosition || { left: 0, top: 0 }; },
+    routes: _mobile_routes_1.default,
+});
+router.beforeEach(function (to, from) {
+    var _a;
+    var language = (_a = to.query.language) !== null && _a !== void 0 ? _a : defaultLanguage;
+    var path = to.path;
+    var replace = to.query.replace;
+    if (!utils_1.isPhone() && !utils_1.inIframe()) {
+        window.location.href = "./#/" + language + path;
+    }
+    if (!utils_1.isPhone() && utils_1.inIframe()) {
+        // @ts-ignore
+        window.top.onMobileRouteChange(path, language, replace);
+    }
+    // @ts-ignore
+    if (window._hmt) {
+        if (to.path) {
+            // @ts-ignore
+            window._hmt.push(['_trackPageview', "/#" + to.fullPath]);
+        }
+    }
+});
+// @ts-ignore
+vue_1.createApp(App_vue_1.default)
+    .use(router)
+    // @ts-ignore
+    .use(icon_1.default)
+    // @ts-ignore
+    .use(app_bar_1.default)
+    // @ts-ignore
+    .use(cell_1.default)
+    .use(ripple_1.default)
+    // @ts-ignore
+    .use(button_1.default)
+    // @ts-ignore
+    .use(menu_1.default)
+    .mount('#app');

package/lib/site/pc/main.d.ts

@@ -0,0 +1,3 @@
+import '@varlet/touch-emulator';
+import '../components/styles/common.less';
+import '../components/styles/elevation.less';

package/lib/site/pc/main.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var App_vue_1 = __importDefault(require("./App.vue"));
+require("@varlet/touch-emulator");
+// @ts-ignore
+var _pc_routes_1 = __importDefault(require("@pc-routes"));
+// @ts-ignore
+var _config_1 = __importDefault(require("@config"));
+var icon_1 = __importDefault(require("../components/icon"));
+var cell_1 = __importDefault(require("../components/cell"));
+var ripple_1 = __importDefault(require("../components/ripple"));
+require("../components/styles/common.less");
+require("../components/styles/elevation.less");
+var vue_1 = require("vue");
+var vue_router_1 = require("vue-router");
+var lodash_es_1 = require("lodash-es");
+var useProgress_1 = require("../useProgress");
+var defaultLanguage = lodash_es_1.get(_config_1.default, 'defaultLanguage');
+var redirect = lodash_es_1.get(_config_1.default, 'pc.redirect');
+var mobileRedirect = lodash_es_1.get(_config_1.default, 'mobile.redirect');
+redirect &&
+    _pc_routes_1.default.push({
+        path: '/:pathMatch(.*)*',
+        redirect: "/" + defaultLanguage + redirect,
+    });
+var router = vue_router_1.createRouter({
+    history: vue_router_1.createWebHashHistory(),
+    routes: _pc_routes_1.default,
+});
+var isEnd = true;
+var _a = useProgress_1.useProgress(), start = _a.start, end = _a.end;
+router.beforeEach(function (to, from) {
+    if (to.path === from.path) {
+        return false;
+    }
+    isEnd = false;
+    setTimeout(function () { return !isEnd && start(); }, 200);
+    // @ts-ignore
+    if (window._hmt) {
+        if (to.path) {
+            // @ts-ignore
+            window._hmt.push(['_trackPageview', "/#" + to.fullPath]);
+        }
+    }
+});
+router.afterEach(function () {
+    isEnd = true;
+    end();
+});
+Object.defineProperty(window, 'onMobileRouteChange', {
+    value: function (path, language, replace) {
+        if (path === mobileRedirect) {
+            router.replace("/" + language + "/" + replace);
+            return;
+        }
+        router.replace("/" + language + path);
+    }
+});
+vue_1.createApp(App_vue_1.default)
+    .use(router)
+    // @ts-ignore
+    .use(cell_1.default)
+    .use(ripple_1.default)
+    // @ts-ignore
+    .use(icon_1.default)
+    .mount('#app');

package/lib/site/useProgress.d.ts

@@ -0,0 +1,4 @@
+export declare function useProgress(): {
+    start: () => void;
+    end: () => void;
+};

package/lib/site/useProgress.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProgress = void 0;
+var progress_1 = __importDefault(require("./components/progress"));
+var vue_1 = require("vue");
+// @ts-ignore
+var _config_1 = __importDefault(require("@config"));
+// @ts-ignore
+var utils_1 = require("./utils");
+var lodash_es_1 = require("lodash-es");
+function useProgress() {
+    var timer;
+    var trackColor = lodash_es_1.get(_config_1.default, 'themes.color-progress-track');
+    var color = lodash_es_1.get(_config_1.default, 'themes.color-progress');
+    var props = vue_1.reactive({
+        style: {
+            position: 'fixed',
+            width: '100%',
+            left: 0,
+            top: 0,
+            zIndex: 10086,
+        },
+        trackColor: trackColor,
+        color: color,
+        lineWidth: 3,
+        value: 0,
+    });
+    var changeValue = function () {
+        timer = window.setTimeout(function () {
+            if (props.value >= 95)
+                return;
+            var num = Math.random();
+            if (props.value < 70)
+                num = Math.round(5 * Math.random());
+            props.value += num;
+            changeValue();
+        }, 200);
+    };
+    var start = function () {
+        props.value = 0;
+        setTimeout(function () { return (props.color = color); }, 200);
+        changeValue();
+    };
+    var end = function () {
+        props.value = 100;
+        setTimeout(function () { return (props.color = trackColor); }, 300);
+        window.clearTimeout(timer);
+    };
+    utils_1.mountInstance(progress_1.default, props);
+    return {
+        start: start,
+        end: end,
+    };
+}
+exports.useProgress = useProgress;

package/lib/site/utils.d.ts

@@ -0,0 +1,24 @@
+export * from './components/utils/components';
+export * from './components/utils/elements';
+export * from './components/utils/shared';
+export declare type StyleVars = Record<string, string>;
+export declare function camelize(str: string): string;
+export declare function bigCamelize(str: string): string;
+export interface PCLocationInfo {
+    language: string;
+    menuName: string;
+}
+export declare function getPCLocationInfo(): PCLocationInfo;
+export declare function isPhone(): boolean;
+export declare enum MenuTypes {
+    TITLE = 1,
+    COMPONENT = 2,
+    DOCUMENTATION = 3
+}
+export declare function inIframe(): boolean;
+export declare function removeEmpty(object?: Record<string, string>): Record<string, string>;
+export declare function getHashSearch(): URLSearchParams;
+export declare function watchLang(cb: (lang: string) => void, platform?: 'pc' | 'mobile'): void;
+export declare function watchPlatform(cb: (platform: string) => void): void;
+export declare function addRouteListener(cb: () => void): void;
+export declare function setThemes(config: Record<string, any>): void;

package/lib/site/utils.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setThemes = exports.addRouteListener = exports.watchPlatform = exports.watchLang = exports.getHashSearch = exports.removeEmpty = exports.inIframe = exports.MenuTypes = exports.isPhone = exports.getPCLocationInfo = exports.bigCamelize = exports.camelize = void 0;
+var vue_1 = require("vue");
+var lodash_es_1 = require("lodash-es");
+var elements_1 = require("./components/utils/elements");
+__exportStar(require("./components/utils/components"), exports);
+__exportStar(require("./components/utils/elements"), exports);
+__exportStar(require("./components/utils/shared"), exports);
+function StyleProvider(styleVars) {
+    if (styleVars === void 0) { styleVars = {}; }
+    var styles = elements_1.formatStyleVars(styleVars);
+    Object.entries(styles).forEach(function (_a) {
+        var _b = __read(_a, 2), key = _b[0], value = _b[1];
+        return document.documentElement.style.setProperty(key, value);
+    });
+}
+function camelize(str) {
+    return str.replace(/-(\w)/g, function (_, p) { return p.toUpperCase(); });
+}
+exports.camelize = camelize;
+function bigCamelize(str) {
+    return camelize(str).replace(str.charAt(0), str.charAt(0).toUpperCase());
+}
+exports.bigCamelize = bigCamelize;
+function getPCLocationInfo() {
+    var _a = __read(window.location.hash.split('/'), 3), language = _a[1], menuName = _a[2];
+    return {
+        language: language,
+        menuName: menuName
+    };
+}
+exports.getPCLocationInfo = getPCLocationInfo;
+function isPhone() {
+    return /Android|webOS|iPhone|iPod|BlackBerry|Pad/i.test(navigator.userAgent);
+}
+exports.isPhone = isPhone;
+var MenuTypes;
+(function (MenuTypes) {
+    MenuTypes[MenuTypes["TITLE"] = 1] = "TITLE";
+    MenuTypes[MenuTypes["COMPONENT"] = 2] = "COMPONENT";
+    MenuTypes[MenuTypes["DOCUMENTATION"] = 3] = "DOCUMENTATION";
+})(MenuTypes = exports.MenuTypes || (exports.MenuTypes = {}));
+function inIframe() {
+    return window.self !== window.top;
+}
+exports.inIframe = inIframe;
+function removeEmpty(object) {
+    if (object === void 0) { object = {}; }
+    return Object.keys(object).reduce(function (record, key) {
+        var value = object[key];
+        value && (record[key] = value);
+        return record;
+    }, {});
+}
+exports.removeEmpty = removeEmpty;
+function getHashSearch() {
+    var href = window.location.href;
+    var hashSearch = href.slice(href.indexOf('?'));
+    return new URLSearchParams(hashSearch);
+}
+exports.getHashSearch = getHashSearch;
+function watchLang(cb, platform) {
+    if (platform === void 0) { platform = 'mobile'; }
+    var handleHashchange = function () {
+        var _a;
+        var language = platform === 'mobile'
+            ? ((_a = getHashSearch().get('language')) !== null && _a !== void 0 ? _a : 'zh-CN')
+            : getPCLocationInfo().language;
+        cb(language);
+    };
+    addRouteListener(handleHashchange);
+    handleHashchange();
+}
+exports.watchLang = watchLang;
+function watchPlatform(cb) {
+    var handleHashchange = function () {
+        var _a;
+        var platform = (_a = getHashSearch().get('platform')) !== null && _a !== void 0 ? _a : 'mobile';
+        cb(platform);
+    };
+    addRouteListener(handleHashchange);
+    handleHashchange();
+}
+exports.watchPlatform = watchPlatform;
+function addRouteListener(cb) {
+    vue_1.onMounted(function () {
+        window.addEventListener('hashchange', cb);
+        window.addEventListener('popstate', cb);
+    });
+    vue_1.onUnmounted(function () {
+        window.removeEventListener('hashchange', cb);
+        window.removeEventListener('popstate', cb);
+    });
+}
+exports.addRouteListener = addRouteListener;
+function setThemes(config) {
+    var themes = lodash_es_1.get(config, 'themes', {});
+    Object.keys(themes).forEach(function (key) {
+        var _a;
+        var theme = themes[key];
+        StyleProvider((_a = {},
+            _a["--site-config-" + key] = theme,
+            _a));
+    });
+}
+exports.setThemes = setThemes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.21.0",
+  "version": "1.21.1-alpha.64+4e9f81da",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -31,7 +31,7 @@
     "dev": "tsc --watch",
     "build": "tsc"
   },
-  "gitHead": "e6dfe7af1e601108222c170b04639d94c3f30ac1",
+  "gitHead": "4e9f81dabf854961e3bd99c445a0a8566b26db66",
   "dependencies": {
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",
@@ -41,69 +41,55 @@
     "@release-it/conventional-changelog": "^3.3.0",
     "@varlet/eslint-config": "^1.13.0",
     "@varlet/icons": "^1.0.0",
-    "@varlet/markdown-loader": "^1.20.0",
+    "@varlet/markdown-vite-plugin": "^1.20.0",
     "@varlet/stylelint-config": "^1.9.0",
     "@varlet/touch-emulator": "^1.0.1",
-    "@varlet/ui": "^1.21.0",
-    "@vue/babel-plugin-jsx": "^1.0.6",
-    "@vue/compiler-sfc": "3.1.4",
+    "@vitejs/plugin-vue": "1.9.2",
+    "@vitejs/plugin-vue-jsx": "1.1.8",
+    "@vue/babel-plugin-jsx": "^1.0.7",
+    "@vue/compiler-sfc": "3.2.16",
     "@vue/test-utils": "^2.0.0-rc.6",
+    "address": "^1.1.2",
     "babel-jest": "26.6.3",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-import": "^1.13.3",
     "chalk": "^4.1.0",
-    "chokidar": "^3.5.2",
-    "clean-webpack-plugin": "^3.0.0",
     "clipboard": "^2.0.6",
     "commander": "^6.2.0",
     "commitizen": "^4.2.2",
     "conventional-changelog-cli": "^2.1.1",
-    "copy-webpack-plugin": "^9.0.1",
-    "css-loader": "^5.2.7",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.30.0",
     "execa": "^5.0.0",
-    "fork-ts-checker-webpack-plugin": "^5.2.1",
     "fs-extra": "^9.0.1",
     "hash-sum": "^2.0.0",
-    "html-webpack-plugin": "^5.1.0",
     "husky": "^7.0.1",
     "inquirer": "^8.1.2",
     "jest": "^26.6.3",
     "less": "^3.12.2",
-    "less-loader": "^7.0.2",
     "lint-staged": "^10.5.0",
+    "live-server": "^1.2.1",
     "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "ora": "^5.4.0",
-    "portfinder": "^1.0.28",
-    "postcss": "^8.3.7",
-    "postcss-loader": "^4.0.4",
-    "postcss-preset-env": "^6.7.0",
     "prettier": "^2.3.2",
     "release-it": "^14.11.5",
     "slash": "^3.0.0",
-    "style-loader": "^2.0.0",
     "stylelint": "^13.13.1",
     "ts-jest": "^26.5.1",
     "typescript": "^4.3.5",
+    "vite": "2.6.2",
+    "vite-plugin-html": "^2.1.0",
     "vue-jest": "^5.0.0-alpha.8",
-    "vue-loader": "16.5.0",
-    "vue-router": "4.0.0-rc.1",
-    "webpack": "^5.23.0",
-    "webpack-dev-server": "^4.2.0",
-    "webpack-merge": "^5.3.0",
-    "webpackbar": "^5.0.0-3"
+    "vue-router": "4.0.0-rc.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.1.12",
-    "@types/copy-webpack-plugin": "^8.0.1",
     "@types/fs-extra": "^9.0.2",
     "@types/hash-sum": "^1.0.0",
     "@types/jest": "^26.0.15",
-    "@types/lodash": "^4.14.168",
-    "@types/webpack-dev-server": "^4.1.0"
+    "@types/lodash": "^4.14.174",
+    "@types/lodash-es": "^4.17.5"
   },
   "peerDependencies": {
-    "vue": "3.1.4"
+    "vue": "3.2.16"
   }
 }