vue项目引入cdn资源及配置

1.首先在index.html加入cdn资源<script src="//cdn.bootcss.com/vue/2.3.2/vue.min.js"></script><script src="//cdn.bootcss.com/vue-router/2.5.3/vue-router.min.js"></script>&l...

码上云端

14880人浏览 · 2019-08-11 17:36:11

码上云端 · 2019-08-11 17:36:11 发布

1.首先在index.html加入cdn资源
在这里插入图片描述

 	<script src="//cdn.bootcss.com/vue/2.3.2/vue.min.js"></script>
    <script src="//cdn.bootcss.com/vue-router/2.5.3/vue-router.min.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
    <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
    <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>

2.打开在bulid文件夹下的webpack.base.conf.js,加上配置（注意，变量名和之前import的名字对应）
在这里插入图片描述

externals: {
    'vue':'Vue',
    'axios':'axios',
    'mint-ui': 'Mint',
    'vue-router':'VueRouter',
    'vue-i18n': 'VueI18n'
  },

3.把mian.js的相关给代码注释掉，有些变量会有报错，可以把变量声明为全局变量，如：/* global Vue */
在这里插入图片描述
4.重启运行即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^