引入cherry-ui组件

5cd9ee86 · 郝聪敏 · 619bd409 · 5cd9ee86 · 5cd9ee86 · 619bd409
Commit 5cd9ee86 authored Jul 17, 2020 by 郝聪敏
7 changed files
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
+    "@better-scroll/core": "^2.0.0-beta.6",
    "@qg/cherry-ui": "^1.1.2",
    "@qg/qg-scroll": "^1.4.2",
    "amfe-flexible": "^2.2.1",
@@ -22,7 +23,6 @@
    "weixin-js-sdk": "^1.6.0"
  },
  "devDependencies": {
-    "@better-scroll/core": "^2.0.0-alpha.4",
    "@vue/cli-plugin-babel": "^4.4.0",
    "@vue/cli-plugin-eslint": "^4.4.0",
    "@vue/cli-plugin-router": "^4.4.0",

--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
+    <script src="https://cdn.bootcss.com/vue/2.2.6/vue.js"></script>
  </head>
  <body>
    <noscript>

--- a/src/cherry-ui.js
+++ b/src/cherry-ui.js
-import Vue from "vue";
-import { Button } from "@qg/cherry-ui/src/index.js";
-Vue.use(Button);
--- a/src/main.js
+++ b/src/main.js
@@ -5,8 +5,11 @@ import store from "./store";
 import "normalize.css";
 import "amfe-flexible";
 import vConsole from "vconsole";
-import "@/assets/icons/index.js";
+import "@/assets/icons/index";
+import "@/service/cherry-ui";
 Vue.config.productionTip = false;
 new Vue({
  router,
  store,

--- a/src/service/cherry-ui.js
+++ b/src/service/cherry-ui.js
+import Vue from "vue";
+import cherry from "@qg/cherry-ui";
+import "@qg/cherry-ui/dist/cherry.css";
+const {
+  Button
+  // Image,
+  // Icon,
+  // Cell,
+  // CellGroup,
+  // Row,
+  // Col,
+  // Popup,
+  // Overlay,
+  // Divider,
+  // Loading,
+  // Toast,
+  // Uploader,
+  // Notify,
+  // Picker,
+  // Area,
+  // Dialog,
+  // Field,
+  // Checkbox,
+  // CheckboxGroup,
+  // Radio,
+  // RadioGroup,
+  // Switch,
+  // Tag,
+  // PullRefresh,
+  // CardList,
+  // Search,
+  // List,
+  // Stepper,
+  // DatePicker,
+  // SwipeCell,
+  // Form,
+  // Tabbar,
+  // TabbarItem,
+  // Navbar,
+  // Progress,
+  // Skeleton,
+  // Sticky,
+  // Swipe,
+  // SwipeItem,
+} = cherry;
+Vue.use(Button);
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
 <template>
  <div class="home">
+    <CrButton type="primary" />
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <svg-icon icon-class="index" />

--- a/vue.config.js
+++ b/vue.config.js
@@ -3,6 +3,11 @@ const resolve = dir => path.join(__dirname, dir);
 const IS_PROD = process.env.NODE_ENV === "production";
 module.exports = {
+  configureWebpack: {
+    externals: {
+       vue: 'Vue',
+    }
+  },
  chainWebpack: config => {
    // 修复HMR
    config.resolve.symlinks(true);