import Vue from 'vue' import Cookies from 'js-cookie' import 'normalize.css/normalize.css' // a modern alternative to CSS resets import Element from 'element-ui' import './styles/element-variables.scss' import enLang from 'element-ui/lib/locale/lang/en'// 如果使用中文语言包请默认支持,无需额外引入,请删除该依赖 import '@/styles/index.scss' // global css import App from './App' import store from './store' import router from './router' import './icons' // icon import './permission' // permission control import './utils/error-log' // error log import * as filters from './filters' // global filters import CKEditor from 'ckeditor4-vue'; Vue.use( CKEditor ); /* 引入Vant */ import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant) /** * If you don't want to use mock-server * you want to use MockJs for mock api * you can execute: mockXHR() * * Currently MockJs will be used in the production environment, * please remove it before going online ! ! ! */ if (process.env.NODE_ENV === 'production') { // const { mockXHR } = require('../mock') // mockXHR() } Vue.use(Element, { size: Cookies.get('size') || 'medium', // set element-ui default size // locale: enLang // 如果使用中文,无需设置,请删除 }) // register global utility filters Object.keys(filters).forEach(key => { Vue.filter(key, filters[key]) }) Vue.config.productionTip = false // 组件自动化全局注册 const requireComponent = require.context( // 其组件目录的相对路径 './components', // 是否查询其子目录 true, // 匹配基础组件文件名的正则表达式 /\.vue$/ ) requireComponent.keys().forEach(fileName => { // 获取组件配置 const componentConfig = requireComponent(fileName) if(componentConfig.default.name!=undefined){ // 全局注册组件 Vue.component( componentConfig.default.name, // 此处的name,是组件属性定义的name // 如果这个组件选项是通过 `export default` 导出的, // 那么就会优先使用 `.default`, // 否则回退到使用模块的根。 componentConfig.default ) } }) new Vue({ el: '#app', router, store, render: h => h(App) })