ts-my-element v0.1.7

ts-my-element

引用ts-my-element方式

注册vue全局prototype

import utils from 'ts-my-element/lib/utils'
Vue.prototype.$utils = utils.utils
Vue.prototype.$request = utils.request
Vue.prototype.$eventBus = utils.eventBus

或者

import { utils, request, eventBus } from 'ts-my-element/lib/utils'
Vue.prototype.$utils = utils
Vue.prototype.$request = request
Vue.prototype.$eventBus = eventBus

引入全部ts-my-element组件

import tsMyElement from 'ts-my-element'
import 'ts-my-element/lib/style/index.css'
Vue.use(tsMyElement)

按需引入ts-my-element组件

import 'ts-my-element/lib/style/base.css'
import tsButton from 'ts-my-element/lib/tsButton'
import 'ts-my-element/lib/style/tsButton.css'
Vue.use(tsButton)

使用babel-plugin-component按需引入组件

安装

npm i babel-plugin-component -D

在.babelrc或babel.config.js中配置

.babelrc

{
  "plugins": [
    [
      "component", 
      {
        "libraryName": "ts-my-element",
        "styleLibrary": {
          "name": "style",
          "base": true
        },
        "camel2Dash": false
    }, "ts-my-element"]
  ]
}

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'ts-my-element',
        styleLibrary: {
          name: "style",
          base: true
        },
        "camel2Dash": false
      }, 'ts-my-element'
    ]
  ]
}

按需引入

import { tsButton } from 'ts-my-element'
Vue.use(tsButton)

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.