th-network-repair-conduct v1.2.3

基于element-ui封装的公共组件库

• 本库主要包含基础组件、工具类、主题样式

npm i element-ui -S npm i xlsx -S npm i th-vue-component -S npm i th-vue-business -S npm i th-vue-echarts -S npm i th-gis -S npm i th-network-common -S npm i th-network-repair-conduct -S

全局导入

  import ThNetworkRepairConduct from 'th-network-repair-conduct'
  import 'th-network-repair-conduct/lib/theme/index.css'
  import 'th-network-repair-conduct/lib/th-network-repair-conduct.css'
  import 'th-network-common/lib/th-network-common.css'
  import 'th-vue-component/lib/th-vue-component.css'
  import 'th-vue-component/lib/theme-sggreen/index.css'
  import 'th-vue-business/lib/th-vue-business.css'
  import 'th-vue-echarts/lib/th-vue-echarts.css'
  import 'th-gis/lib/th-gis.css'
  Vue.use(ThNetworkRepairConduct)

配置

module.exports = {
  chainWebpack: config => {
    // 别名
    config.resolve.alias
      .set('@@', resolve('node_modules/th-network-repair-conduct/src'))
      .set('variable', resolve('node_modules/th-network-repair-conduct/src/assets/theme/src/common/variable.scss'))
  },
  transpileDependencies: [
    'th-network-repair-conduct/src'
  ]
}

指令说明

# 安装依赖
npm run pre

# 启动DEMO开发模式
npm run dev

# 打包组件
npm run build

# 打包样式
npm run build:theme

# 发布（npm adduser && npm login）
npm run deploy