文件结构梳理（三）——插件文件抽离-公用插件

文件结构梳理（三）——插件文件抽离-公用插件

1、在src/main.js中

import './plugins'

2、新建文件夹src/plugins，其下新建文件index.js

import './element.js'
import './el-charts.js'
import './v-charts.js'
// import './video.js'
import './mind'

3.1、新建src/plugins/element.js

import Vue from 'vue'
// import 'element-ui/lib/theme-chalk/display.css';
// import '@/theme/element/theme/index.css';
import '@/theme/index.css'; //自定义主题导入
import {
	Container,
	Header,
	Aside,
	Main,
	Footer,
	Tree,
	Pagination,
	Input,
	Select,
	Option,
	Checkbox,
	CheckboxGroup,
	Table,
	TableColumn,
	Row,
	Col,
	Button,
	Menu,
	Submenu,
	MenuItem,
	Drawer,
	Form,
	FormItem,
	Tabs,
	TabPane,
	Popover,
	Message,
	Upload,
	MessageBox,
	Tag,
	Carousel,
	CarouselItem,
	Dropdown,
	DropdownItem,
	DropdownMenu,
	Popconfirm,
	Card,
	Progress,
	Dialog

} from 'element-ui'
// import Tree from 'element-ui/packages/tree/index.js';


Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Footer)
Vue.use(Tree)
Vue.use(Pagination)
Vue.use(Input)
Vue.use(Select)
Vue.use(Option)
Vue.use(Checkbox)
Vue.use(CheckboxGroup)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Row)
Vue.use(Col)
Vue.use(Button)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Drawer)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Popover)
Vue.use(Upload)
Vue.use(Tag);
Vue.use(Carousel);
Vue.use(CarouselItem);
Vue.use(Dropdown);
Vue.use(DropdownItem);
Vue.use(DropdownMenu);
Vue.use(Popconfirm);
Vue.use(Card);
Vue.use(Progress);
Vue.use(Dialog);


Vue.prototype.$message = Message;
Vue.prototype.$confirm = MessageBox.confirm;

3.2、新建src/plugins/mind.js

import Vue from 'vue'

import Vue2OrgTree from 'vue2-org-tree'
import 'vue2-org-tree/dist/style.css'
Vue.use(Vue2OrgTree)

import OrgTree from 'v-org-tree'
import 'v-org-tree/dist/v-org-tree.css'
Vue.use(OrgTree)

3.3、新建src/plugins/video.js

import Vue from 'vue'

import VideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css'
Vue.use(VideoPlayer)

import hls from 'videojs-contrib-hls'
Vue.use(hls) 

import 'videojs-flash'