gcs-ui-lib 1.1.433

package/.env.development

@@ -0,0 +1,5 @@
+# just a flag
+ENV = 'development'
+
+# base api
+VUE_APP_BASE_API = ''

package/.env.production

@@ -0,0 +1,7 @@
+# just a flag
+ENV = 'production'
+
+# base api
+# http://192.168.20.153:9003,  进行npm run lib 会引用该值
+VUE_APP_BASE_API = ''
+

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    node: false
+  },
+};

package/README.md

@@ -0,0 +1,97 @@
+# nstc_middleware
+
+## Project setup
+
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+
+```
+yarn build
+```
+
+### Compiles and minifies for npm publish
+
+```
+npm run lib
+```
+
+### Lints and fixes files
+
+```
+yarn lint
+```
+
+### Customize configuration
+
+See [Configuration Reference](https://cli.vuejs.org/config/).
+
+# 公共模块说明文件
+
+## npm 上传包所需内容
+
+```
+var npm="u/p/e:nstc/Ninestar123456/chenlu@nstc.com.cn";
+username: nstc
+password: *******
+email: chenlu@nstc.com.cn
+
+上传步骤：
+
+1、跟换到 npm config set registry https://registry.npmjs.org
+2、确定包名不重复
+3、登录npm：npm login
+4、根据提示输入，用户信息
+5、运行命令行 npm run lib 构建库文件
+6、上传：npm publish。
+
+注：每次发布package.json 中的 version的值一定要不一样！！！
+```
+
+
+## 目录说明、规则说明
+
+```
+packages:公共组件
+public: 预览工程的入口页面
+/src/
+    api： 后端接口api
+    mixins:混入js
+    preview: 预览
+    config：配置
+    locale：语言包
+    theme:样式包
+        theme1：主题1
+            styles：样式
+            layout：布局
+            icons：图标
+            img:图片
+            js:js文件
+    utils：工具包
+        directive:指令包
+        store：vuex 状态管理
+        vendor：导入导出
+
+```
+
+## 使用淘宝镜像
+### 背景
+    npm从国外下载， 很慢。
+
+    采用淘宝镜像，从国内下载， 较快
+###设置淘宝镜像
+    npm config set registry http://registry.npm.taobao.org/
+
+    查看： npm get registry
+###写法变化： 
+    npm login ->  npm adduser --registry http://registry.npmjs.org
+
+    npm publish --registry http://registry.npmjs.org

package/_webpack.config.js

@@ -0,0 +1,135 @@
+/* eslint-disable no-unused-vars */
+const path = require("path");
+/**
+ * https://github.com/neutrinojs/webpack-chain
+ * config.merge([module.exports])
+ */
+const ARGV = process.argv
+const NAME = process.env.VUE_APP_NAME
+const NODE_ENV = process.env.NODE_ENV
+
+process.env.VUE_APP_TestProduction = NODE_ENV === 'production' || ARGV.includes('--test')
+
+/** webpack配置 */
+const chainConfig = {
+  output: {
+    library: `${NAME}-[name]`,
+    libraryTarget: 'umd', // 把微应用打包成 umd 库格式
+    jsonpFunction: `webpackJsonp_${NAME}`,
+    /* 浏览器调试时文件映射路径问题 */
+    devtoolModuleFilenameTemplate: info => {
+      const { resourcePath, hash } = info
+      if (resourcePath === 'index.vue') {
+        return `webpack:///${resourcePath}?${Math.random()}`
+      } else {
+        return `webpack:///${resourcePath}?${hash}`
+      }
+    }
+  },
+  resolve: {
+    /* 路径别名 */
+    alias: {
+      '@': path.join(__dirname, 'src'),
+      '^': path.join(__dirname, 'packages')
+    }
+  },
+  /* 外部加载的模块,会忽略项目中再次引入 */
+  externals: {
+    // vue: 'Vue',
+  },
+  /* 独立打包第三方组件 */
+  optimization: {
+    splitChunks: {
+      cacheGroups: {
+        chartsg: {
+          name: 'chartsg',
+          test: module => {
+            return /echarts|zrender/.test(module.context)
+          },
+          priority: 10
+        }
+      }
+    }
+  },
+  /* different from webpack.config.js */
+  plugin: {
+    /* 生成稳定的模块id */
+    'hex-hash': {
+      plugin: require('webpack').HashedModuleIdsPlugin,
+      args: [
+        {
+          hashDigest: 'hex',
+          hashDigestLength: 8
+        }
+      ]
+    },
+    /* 自动加载模块,并注册到全局 */
+    provide: {
+      plugin: require('webpack').ProvidePlugin,
+      args: [
+        {
+          _: 'lodash'
+        }
+      ]
+    }
+  }
+}
+
+/* 使用gzip压缩 */
+if (ARGV.includes('--gzip')) {
+  chainConfig.plugin['compression-gzip'] = {
+    plugin: require('compression-webpack-plugin'),
+    args: [
+      {
+        filename: '[path].gz[query]',
+        algorithm: 'gzip',
+        test: /\.(js|css|json|txt|svg)(\?.*)?$/i,
+        threshold: 2048,
+        minRatio: 0.8
+      }
+    ]
+  }
+}
+
+/* 启动矩形式树状结构分析,并浏览器打开 */
+if (ARGV.includes('--analy')) {
+  chainConfig.plugin['analyzer'] = {
+    plugin: require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  }
+}
+
+/* 查看无效代码 */
+if (ARGV.includes('--seecode')) {
+  chainConfig.plugin['see-deadcode'] = {
+    plugin: require('webpack-deadcode-plugin'),
+    args: [
+      {
+        patterns: ['src/**/*.(js|jsx|css|vue|less)'],
+        exclude: ['**/*_.(js|jsx)']
+      }
+    ]
+  }
+}
+
+let _module = {}
+if (process.env.NODE_ENV === 'production') {
+  // 生产环境去掉n20-common-lib样式，共门户的n20-common-lib样式，减少样式的重复引用、覆盖
+  _module.externals = {
+    'n20-common-lib/style/index.css': false,
+    // 新增全局排除
+    'vue': 'vue',
+    'n20-common-lib': 'n20-common-lib', // 添加基础库全局排除
+    'element-ui': 'element-ui'
+  }
+  // 生产环境去掉对登录页、门户框架的引用
+  _module.externals['n20-common-lib/src/components/Layout/index.vue'] = 'undefined'
+  _module.externals['n20-common-lib/src/components/LoginTemporary/index.vue'] = 'undefined'
+}
+
+/** module配置 */
+const ureConfig = _module
+
+module.exports = {
+  ureConfig,
+  chainConfig
+}

package/babel.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  presets: ['@vue/babel-preset-jsx'],
+  presets: [
+    ['@vue/app', {
+      useBuiltIns: 'entry',
+      polyfills: [
+        'es.promise',
+        'es.symbol'
+      ]
+    }]
+  ],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining',  // 添加这个插件支持可选链
+    "@babel/plugin-transform-dynamic-import",
+    "@babel/plugin-transform-modules-commonjs"
+  ]
+}

package/lib/demo.html

@@ -0,0 +1,10 @@
+<meta charset="utf-8">
+<title>gcs-ui-lib demo</title>
+<script src="./gcs-ui-lib.umd.js"></script>
+
+<link rel="stylesheet" href="./gcs-ui-lib.css">
+
+
+<script>
+console.log(gcs-ui-lib)
+</script>