iview ui 和elment ui 的按需引用,减小项目体积

一、先说iview ui 的按需引用

首先、先装上iview 的依赖包;4.0的版本已经升级了,新的安装方法:

NPM 安装 #
推荐使用 npm 来安装,享受生态圈和工具带来的便利,更好地和 webpack 配合使用,当然,我们也推荐使用 ES2015。

$ npm install view-design --save

引入 ViewUI

 # 一般在 webpack 入口页面 main.js 中如下配置:

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from 'components/app.vue';
import Routers from './router.js';
import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';

Vue.use(VueRouter);
Vue.use(ViewUI);

// The routing configuration
const RouterConfig = {
    routes: Routers
};
const router = new VueRouter(RouterConfig);

new Vue({
    el: '#app',
    router: router,
    render: h => h(App)
});

按需引用

 

猜你喜欢

转载自blog.csdn.net/qq_41646249/article/details/105140394
ui
今日推荐