@newpearl-x/ui v0.1.2

@newpearl-x/ui

安装

npm i @newpearl-x/ui --save

vue.config.js 配置

const project = require('@newpearl-x/ui/lib/project');
const envConfig = require('./env.config') 
module.exports = project({
   // 环境变量配置
   envConfig: envConfig,
   // 环境变量标识名称
   envTypeName: 'ENV_TYPE',
   // 打包dll
   dll: false,
   // 注入scss变量文件路径
   scssVars: null,
   // 是否支持 prefetch 插件
   prefetch: false
 })

全局引用注册

import Vue from 'vue'
import ElementUI from 'element-ui'
import NewPearlUI from '@newpearl-x/ui'
import 'element-ui/lib/theme-chalk/index.css'
import '@newpearl-x/ui/lib/css/index.css'

Vue.use(ElementUI)
Vue.use(NewPearlUI)

按需引用注册

需要安装 babel-plugin-import

babel.config.js 配置

const createPlugins = require('@newpearl-x/ui/lib/project/babel');
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ...createPlugins('css', 'css')
  ]
};

main.js

import '@newpearl-x/ui/lib/css/base'

视图组件

import { XAdmin } from '@newpearl-x/ui';

export default {
  components: {
    XAdmin
  }
}