chore: temp commit

Author: baiwusanyu-c

build/index.ts

@@ -16,7 +16,7 @@ const baseConfig = {
   noExternal: ['estree-walker'],
   format: ['cjs', 'esm'],
   clean: true,
-  minify: true,
+  minify: false,
   dts: false,
   outDir: path.resolve(process.cwd(), '../dist'),
 

packages/core/index.ts

@@ -78,6 +78,7 @@ const unplugin = createUnplugin<Options>(
           try {
             // transform in dev
             if (isServer) {
+              console.log(code)
               if (id.endsWith('.vue')) {
                 const injectRes = injectCSSVars(code, vbindVariableList.get(id), isScriptSetup)
                 code = injectRes.code

packages/core/runtime.md

@@ -94,7 +94,7 @@ export function handleAlias(path: string, alias?: Record<string, string>, idDirP
       }
     }
 
-    if (importerPath) return importerPath
+    if (importerPath) return transformSymbol(importerPath)
     importerPath = idDirPath ? resolve(idDirPath, path) : path
   } else {
     idDirPath && (importerPath = resolve(idDirPath, path))

packages/core/runtime/process-css.ts

@@ -1,3 +1,6 @@
-#foo div {
-  color: v-bind(fooColorCSS);
+#foo{
+  color: v-bind-m(color);
+  background: #94c9ff;
+  width: 200px;
+  height: 30px;
 }

play/src/assets/css/foo.css

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
 const compAsd = () => 'red'
-const color = 'yellow'
+const color = 'red'
 const compTheme1 = compAsd()
 const compTheme2 = 'red'
 const sassColor = 'pink'

play/src/comp.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
 import Comp from '../../comp.vue'
-const color = 'green'
+const color = 'grren'
 const appAsd = () => 'red'
 const fooColor = appAsd()
 const appTheme2 = 'blue'
@@ -72,63 +72,12 @@ export default defineComponent({
 </script> -->
 
 <template>
-  <div class="scss" @click="sassColor = 'red'">
+  <div id="foo" class="scss" @click="sassColor = 'red'">
     app
-    <Comp />
+    <!--    <Comp /> -->
   </div>
 </template>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/mixin';
-@import '../../assets/scss/variables.module';
-/* foo.scss -> test2.css -> test.css */
-/* foo.scss -> test.scss -> test2.css */
-
-/*@import "./assets/less/less-foo";*/
-/*div {
-  color: v-bind(color)
-}
-@import './assets/scss/foo.scss';*/
-.app-wrapper {
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  width: 100%;
-
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
-  }
-}
-
-.drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 999;
-}
-
-.fixed-header {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 9;
-  width: calc(100% - #{$base-sidebar-width});
-  transition: width 0.28s;
-}
-
-.hideSidebar .fixed-header {
-  width: calc(100% - 54px);
-}
-
-.sidebarHide .fixed-header {
-  width: 100%;
-}
-
-.mobile .fixed-header {
-  width: 100%;
-}
+@import '@/assets/css/foo.css';
 </style>

play/src/views/app/App.vue

@@ -34,10 +34,11 @@ export default defineConfig({
     vue(),
     viteVueCSSVars({
       include: [/.vue/],
-      includeCompile: ['**/**.scss'],
+      includeCompile: ['**/**.scss', '**/**.css'],
       alias: {
         '@': resolve(__dirname, './src'),
       },
+      server: true,
     }),
   ],
 })