app-base-vue v1.0.7

app-base-vue

安装依赖

yarn

运行example

yarn run dev

运行测试用例

yarn run test:unit

使用vue-cli3 打包库

yarn run lib

生成修改日志

yarn run version

打包到新项目测试

yarn lib
yarn pack
mv app-base-vue-v1.0.5.tgz ../grand-bay-area  //移动到新项目，注意改版本
新项目：
npm i ./app-base-vue-v1.0.5.tgz && npm i //用yarn好像会报错？

新项目按需引入

yarn add app-base-vue
yarn add babel-plugin-import -D 

babel.config.js
module.exports = {
  plugins: [
    ['import',
      {
        libraryName: 'app-base-vue',
        libraryDirectory: 'lib',
        style: (name, file) => {
          const libDirIndex = name.lastIndexOf('/')
          const libDir = name.substring(0, libDirIndex)
          const fileName = name.substr(libDirIndex + 1)
          return `${libDir}/theme/${fileName}.css`;
        }
      }
    ]
  ]
}

1、import { TestModule } from 'app-base-vue'
会转化成下面:

js:
import TestModule from 'app-base-vue/lib/test-module.js'

css:
import 'app-base-vue/lib/theme/test-module.css'


2、import TestModule from 'app-base-vue/lib/test-module.js'
import 'app-base-vue/lib/theme/test-module.css'