tools(project): Set up vite dev environment

sumcumo · Jul 19, 2022 · c02da06 · c02da06
1 parent 626c95f
commit c02da06
Show file tree

Hide file tree

Showing 10 changed files with 1,513 additions and 198 deletions.
diff --git a/example-e2e/App.vue b/example-e2e/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div>
     <h1>Datepicker Integration Tests</h1>
     <div class="example">
       <h3>Default datepicker...</h3>
@@ -54,7 +54,7 @@ import Datepicker from '~/components/Datepicker.vue'
 import * as lang from '~/locale/index'
 
 export default {
-  name: 'Demo',
+  name: 'App',
   components: {
     Datepicker,
   },
@@ -180,6 +180,8 @@ export default {
 </script>
 
 <style>
+@import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');
+
 body {
   font-family: 'Helvetica Neue Light', Helvetica, sans-serif;
   padding: 1em 2em 2em;

diff --git a/example-e2e/index.html b/example-e2e/index.html
@@ -3,10 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Vue.js Datepicker</title>
-    <link rel="stylesheet" type="text/css" href="styles/bootstrap.min.css">
   </head>
   <body data-test-body>
     <div id="app"></div>
-    <script src="./app.js"></script>
+    <script type="module" src="./main.js"></script>
   </body>
 </html>
diff --git a/example-e2e/vite.config.js b/example-e2e/vite.config.js
@@ -0,0 +1,11 @@
+import { createVuePlugin } from 'vite-plugin-vue2'
+import path from 'path'
+
+export default {
+  plugins: [createVuePlugin()],
+  resolve: {
+    alias: {
+      '~': path.resolve(__dirname, '../src'),
+    },
+  },
+}
diff --git a/example/Demo.vue b/example/Demo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div>
     <h1>Datepicker Examples</h1>
     <div class="example">
       <h3>Default datepicker...</h3>

diff --git a/example/index.html b/example/index.html
@@ -6,6 +6,6 @@
   </head>
   <body data-test-body>
     <div id="app"></div>
-    <script src="./demo.js"></script>
+    <script type="module" src="./main.js"></script>
   </body>
 </html>
diff --git a/example/vite.config.js b/example/vite.config.js
@@ -0,0 +1,11 @@
+import { createVuePlugin } from 'vite-plugin-vue2'
+import path from 'path'
+
+export default {
+  plugins: [createVuePlugin()],
+  resolve: {
+    alias: {
+      '~': path.resolve(__dirname, '../src'),
+    },
+  },
+}