init

Author: wangdabaoqq

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.editorconfig

@@ -0,0 +1,20 @@
+root = true
+
+[*]
+charset=utf-8
+end_of_line=lf
+insert_final_newline=false
+indent_style=space
+indent_size=2
+
+[{.eslintrc,.babelrc,.stylelintrc,*.json}]
+indent_style=space
+indent_size=2
+
+[*.less]
+indent_style=space
+indent_size=2
+
+[*.{js,jsx,ts,tsx,vue,html}]
+indent_style=space
+indent_size=2

.eslintignore

@@ -0,0 +1,18 @@
+
+*.sh
+node_modules
+lib
+*.md
+*.scss
+*.woff
+*.ttf
+.vscode
+.idea
+./vue.config.js
+/build/
+/dist/
+/public/
+/script/
+/config/
+/docs
+.vscode

.eslintrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: ['plugin:vue/recommended', '@vue/standard'],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'space-before-function-paren': 'off',
+    // 禁止在计算属性中对属性修改
+    'vue/no-side-effects-in-computed-properties': 'off',
+    // 属性空格
+    'vue/attribute-hyphenation': 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  overrides: [
+    {
+      files: ['**/__tests__/*.{j,t}s?(x)'],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.npmignore

@@ -0,0 +1,20 @@
+build
+example
+docs
+babel.config.js
+.prettierignore
+prettier.config.js
+postcss.config.js
+.eslintrc.js
+.travis.yml
+.eslintrc.js
+.eslintignore
+yarn.lock
+jest.config.js
+cypress.json
+node_modules
+.browserslistrc
+yarn-error.log
+npm-debug.log
+dist
+test

.prettierignore

@@ -0,0 +1,2 @@
+/docs/*
+/lib/*

.stylelintignore

@@ -0,0 +1,10 @@
+*.js
+*.png
+*.eot
+*.ttf
+*.woff
+
+/dist/
+/lib/
+/public/
+.output.js

README.md

@@ -0,0 +1,54 @@
+# vue-lib-starter
+
+[文档地址](https://juejin.im/post/5d7860b0f265da03bc12a3d2)
+
+
+## 安装依赖
+```
+yarn install
+```
+
+### 运行example
+```
+yarn run serve
+```
+
+
+### 运行测试用例
+```
+yarn run test:unit
+```
+
+### 使用vue-cli3 打包库
+```
+yarn run  lib:cli
+```
+
+### 使用rollup打包库
+```
+yarn run  lib
+```
+
+### 格式化全部js文件
+```
+yarn run  lint:prettier
+```
+
+### 格式化全部css文件
+```
+yarn run  lint:css
+```
+### 运行项目文档
+```
+yarn run  docs:dev
+```
+
+### 打包项目文档
+```
+yarn run  docs:build
+```
+
+### 生成修改日志
+```
+yarn run  version
+```

babel.config.js

@@ -0,0 +1,22 @@
+var { clearConsole } = require('./config/index')
+
+var plugins = [
+  [
+    'import',
+    {
+      libraryName: 'vue-drag-tree',
+      style: (name, file) => {
+        const libDirIndex = name.lastIndexOf('/')
+        const libDir = name.substring(0, libDirIndex)
+        const fileName = name.substring(libDirIndex + 1)
+        return `${libDir}/theme/${fileName}.css`
+      }
+    }
+  ]
+]
+clearConsole && plugins.push('transform-remove-console')
+module.exports = {
+  presets: ['@babel/preset-env'],
+
+  plugins: plugins
+}

build/cli.build.js

@@ -0,0 +1,45 @@
+const { run } = require('runjs')
+const libList = require('../src/lib-list.js')
+const { addons } = require('../config/rollup.build.config.js')
+const { getAssetsPath, chalkConsole, resolve, fsExistsSync } = require('./utils')
+const { styleOutputPath } = require('../config/index')
+const { move, fileDisplay } = require('../script/file-handle')
+const rimraf = require('rimraf')
+const fs = require('fs')
+const cssFiles = []
+
+function build({ input, output } = {}, index, arr) {
+  chalkConsole.building(index + 1, arr.length)
+  run(
+    `vue-cli-service build --target lib --no-clean  --name ${output} --dest ${getAssetsPath()} ${input}`
+  )
+  cssFiles.push(`${output}.css`)
+}
+
+let pkg = []
+
+Object.keys(libList).forEach((moduleName) => {
+  const { input, output } = libList[moduleName]
+  pkg.push({ input, output })
+})
+pkg = pkg.concat(addons)
+pkg.forEach(build)
+// 删除多余文件
+rimraf(getAssetsPath('./demo.html'), function() {})
+// 创建样式文件夹
+fs.mkdirSync(getAssetsPath(styleOutputPath))
+// 拷贝css文件到单独目录
+cssFiles.forEach((cssFile) => {
+  fsExistsSync(getAssetsPath(cssFile)) &&
+    move(getAssetsPath(cssFile), getAssetsPath(styleOutputPath + '/' + cssFile))
+})
+// 重命名common文件
+fileDisplay(getAssetsPath(), (file) => {
+  const reg = /.common/
+  if (reg.test(file)) {
+    file = `../${file}`
+    move(resolve(file), resolve(file.replace(reg, '')))
+  }
+})
+
+chalkConsole.success()

build/rollup.build.js

@@ -0,0 +1,22 @@
+const fs = require('fs')
+const { formatTypeList, addons, esDir } = require('../config/rollup.build.config.js')
+const libList = require('../src/lib-list.js')
+const { styleOutputPath } = require('../config/index')
+const { build } = require('./rollup.createConfig')
+const { resolve, getAssetsPath } = require('./utils')
+fs.mkdirSync(resolve())
+fs.mkdirSync(getAssetsPath(styleOutputPath))
+if ([...formatTypeList, ...addons].some((item) => item.format === esDir)) {
+  fs.mkdirSync(getAssetsPath(esDir))
+}
+let pkg = []
+formatTypeList.forEach(({ format, min, suffix } = {}) => {
+  Object.keys(libList).forEach((moduleName) => {
+    const { input, output } = libList[moduleName]
+    pkg.push({ min, format, suffix, moduleName, input, output: `${output}` })
+  })
+})
+pkg = pkg.concat(addons)
+
+build(pkg)
+// pkg.forEach(build)