Browse Source

refactor: vite feat build config

richard1015 4 years ago
parent
commit
838a584806
4 changed files with 69 additions and 33 deletions
  1. 3 2
      package.json
  2. 16 16
      src/packages/swiper/demo.vue
  3. 43 0
      vite.config.build.ts
  4. 7 15
      vite.config.ts

+ 3 - 2
package.json

@@ -36,8 +36,9 @@
     "CHANGELOG.md"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite --open",
+    "build:site": "vite build",
+    "build": "vite build -c vite.config.build.ts",
     "serve": "vite preview",
     "upload": "vite build && node ./jd/upload.js",
     "add": "node jd/createComponentMode.js"

+ 16 - 16
src/packages/swiper/demo.vue

@@ -10,25 +10,25 @@
       >
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
@@ -39,25 +39,25 @@
       <nut-swiper :init-page="state.page2" :loop="false" width="300">
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
@@ -68,25 +68,25 @@
       <nut-swiper :init-page="state.page3" :loop="true" @change="change">
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
@@ -108,25 +108,25 @@
       >
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/152158/32/19170/280589/6035429fE08208901/024578cf04ce3b47.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/159602/22/7999/126515/6035f371E6f95bfee/559cb1ee48c962c9.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/166846/13/7534/136440/60338b5cEd491d8b3/9e5527429136ab86.jpg"
             alt=""
           />
         </nut-swiper-item>
         <nut-swiper-item>
           <img
-            src="//m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
+            src="https://m.360buyimg.com/mobilecms/s700x280_jfs/t1/145433/27/14059/141680/5facf066Ec402354c/530d5a316aed55fc.jpg!cr_1125x445_0_171"
             alt=""
           />
         </nut-swiper-item>

+ 43 - 0
vite.config.build.ts

@@ -0,0 +1,43 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import Markdown from 'vite-plugin-md';
+import path from 'path';
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: [{ find: '@', replacement: path.resolve(__dirname, './src') }]
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // example : additionalData: `@import "./src/design/styles/variables";`
+        // dont need include file extend .scss
+        additionalData: `@import "@/styles/variables.scss";@import "@/sites/assets/styles/variables.scss";`
+      }
+    }
+  },
+  plugins: [
+    vue({
+      include: [/\.vue$/, /\.md$/]
+    }),
+    Markdown()
+  ],
+  build: {
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      // external: ['vue'],
+      // output: {
+      //   // Provide global variables to use in the UMD build
+      //   // for externalized deps
+      //   globals: {
+      //     vue: 'Vue'
+      //   }
+      // }
+    },
+    lib: {
+      entry: 'src/nutui.ts',
+      name: 'nutui'
+    }
+  }
+});

+ 7 - 15
vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import Markdown from 'vite-plugin-md';
 import path from 'path';
+const resolve = path.resolve;
 // https://vitejs.dev/config/
 export default defineConfig({
   server: {
@@ -14,7 +15,7 @@ export default defineConfig({
     }
   },
   resolve: {
-    alias: [{ find: '@', replacement: path.resolve(__dirname, './src') }]
+    alias: [{ find: '@', replacement: resolve(__dirname, './src') }]
   },
   css: {
     preprocessorOptions: {
@@ -32,21 +33,12 @@ export default defineConfig({
     Markdown()
   ],
   build: {
+    cssCodeSplit: false,
     rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      // external: ['vue'],
-      // output: {
-      //   // Provide global variables to use in the UMD build
-      //   // for externalized deps
-      //   globals: {
-      //     vue: 'Vue'
-      //   }
-      // }
-    },
-    lib: {
-      entry: 'src/nutui.ts',
-      name: 'nutui'
+      input: {
+        doc: resolve(__dirname, 'index.html'),
+        mobile: resolve(__dirname, 'demo.html')
+      }
     }
   }
 });