📝: 将 stackblitz 模板修改为按需加载,用于快速测试按需加载方面的问题

This commit is contained in:
sight 2022-08-11 12:29:10 +08:00
parent dcdf47b2ca
commit fe2157de55
2 changed files with 28 additions and 5 deletions

View File

@ -1,5 +1,5 @@
@import "../dropdown/index.less"; @import "../dropdown/index.less";
@import "../popper/index.less" @import "../popper/index.less";
.layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit { .layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
top: 0px; top: 0px;

View File

@ -3,12 +3,12 @@ import stackblitzSdk from "@stackblitz/sdk";
export const mainCode = ` export const mainCode = `
import { createApp } from 'vue'; import { createApp } from 'vue';
import App from './App.vue'; import App from './App.vue';
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css';
import './index.css'; import './index.css';
// import Layui from '@layui/layui-vue'
// import '@layui/layui-vue/lib/index.css';
const app = createApp(App); const app = createApp(App);
app.use(Layui); // app.use(Layui);
app.mount('#app');`; app.mount('#app');`;
export const styleCode = `#app { padding: 20px; }`; export const styleCode = `#app { padding: 20px; }`;
@ -36,11 +36,32 @@ export const stackblitzRc = `
`; `;
export const viteConfigCode = ` export const viteConfigCode = `
import path from 'path'
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue'; import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx'; import vueJsx from '@vitejs/plugin-vue-jsx';
import Components from 'unplugin-vue-components/vite';
import AutoImport from 'unplugin-auto-import/vite';
import { LayuiVueResolver } from 'unplugin-vue-components/resolvers';
const pathSrc = path.resolve(process.cwd(), 'src')
export default defineConfig({ export default defineConfig({
plugins: [vue(), vueJsx()], plugins: [
vue(),
vueJsx(),
AutoImport({
// 自动导入 vue 相关函数
imports: ['vue',],
// 自动导入 layer-vue 相关函数
resolvers: [LayuiVueResolver()],
dts: path.resolve(pathSrc, 'auto-imports.d.ts'),
}),
Components({
// 自动解析 layui-vue 组件
resolvers: [LayuiVueResolver({ resolveIcons: true })],
}),
],
}); });
`; `;
@ -64,6 +85,8 @@ export const packageJSONCode = JSON.stringify(
"@vue/compiler-sfc": "^3.2.0", "@vue/compiler-sfc": "^3.2.0",
"@vitejs/plugin-vue": "^2.3.2", "@vitejs/plugin-vue": "^2.3.2",
"@vitejs/plugin-vue-jsx": "^1.3.10", "@vitejs/plugin-vue-jsx": "^1.3.10",
"unplugin-auto-import": "0.11.1",
"unplugin-vue-components": "0.22.4",
}, },
}, },
null, null,