init

.config.dev.js

+module.exports = {
+  domain: 'dev.ezijing.com',
+  url: 'https://transport.ezijing.com/api',
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    },
+    devServer: {
+      proxy: {
+        /* 多个代理 */
+        // '/api': {
+        //   target: $GLOBAL.webConf.url,
+        //   selfHandleResponse: false,
+        //   // selfHandleResponse: true, // 自定义 响应结构
+        //   secure: false, // 如果是https接口，需要配置这个参数
+        //   changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        //   followRedirects: true, // 由于重定向307，所以跟随重定向直接返回一个接口
+        //   logLevel: 'info', // 日志打印级别
+        //   headers: {
+        //     'Referer': $GLOBAL.webConf.url
+        //   },
+        //   pathRewrite: {
+        //     '^/api': '/' // 需要rewrite重写的
+        //   }
+        // }
+      }
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    WECHAT_REDIRECT_URL: 'https://passport2.ezijing.com'
+  }
+}

.config.pro.js

+module.exports = {
+  url: '/api',
+  DesDir: './client-dist',
+  apiBaseURL: '/api',
+  isUploadStatic: false,
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    WECHAT_REDIRECT_URL: 'https://passport.ezijing.com'
+  }
+}

.config.test.js

+module.exports = {
+  url: 'https://transport2.ezijing.com/api',
+  DesDir: './client-dist',
+  apiBaseURL: 'https://transport2.ezijing.com/api',
+  isUploadStatic: false,
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    WECHAT_REDIRECT_URL: 'https://passport2.ezijing.com'
+  }
+}

.editorconfig

+# 查到当前目录就可以了，不用再往下查找  
+root = true  
+# 对所有文件制定规范  
+[*]
+charset = utf-8 # 字符编码  
+end_of_line = lf # 从左往右写
+indent_size = 2 # tab键长度2个空格
+indent_style = space 
+insert_final_newline = true # 保存自动加上一个空行
+trim_trailing_whitespace = true # 每行最后空格去掉         

.eslintrc

+{
+  "extends": "standard",
+  "plugins": ["html"],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "babel-eslint",
+    "sourceType": "module"
+  },
+  "rules": {
+    "no-new": "off",
+    "no-debugger": "off",
+    "space-before-function-paren": "off"
+  },
+  "globals": {
+    "CKEDITOR": false,
+    "Base64": false,
+    "md5": false,
+    "$": false,
+    "window": false,
+    "webConf": false,
+    "wx": false,
+    "WeixinJSBridge": false
+  }
+}

.gitignore

+.DS_Store
+node_modules
+npm-debug.log
+upload_tmp
+
+# code protect - prevent submit code below
+/dist
+/client-dist

.npmignore

+.DS_Store
+node_modules
+npm-debug.log
+
+# code protect - prevent submit code below

build/checkNodeVersion.js

+
+var semver = require('semver')
+
+var requiredVersion = require('../package.json').engines.node
+function checkNodeVersion (wanted, id) {
+  if (!semver.satisfies(process.version, wanted)) {
+    console.log('\x1b[91m%s\x1B[0m',
+      'You are using Node ' + process.version + ', but this version of ' + id +
+      ' requires Node ' + wanted + '.\nPlease upgrade your Node version.'
+    )
+    process.exit(1)
+  }
+}
+
+checkNodeVersion(requiredVersion, '`node uploadAliyunCDN.js`')

build/config.js

+const isDev = process.env.NODE_ENV
+const RegStrs = require('./regExpStr.js')
+
+let config = {
+  isDev: isDev,
+  ResDir: 'src',
+  DesDir: '../client-dist',
+
+  HtmlPath: 'src/index.html',
+  IcoPath: 'src/assets/favicon.ico',
+
+  JsPath: 'src/main.js',
+
+  isHttps: true,
+
+  isEnableToIphoneDebugger: false,
+
+  CDN_BASE: 'https://zws-imgs-pub.ezijing.com/',
+  CDN_DIR: 'static/build/learn-mba/',
+  isUploadStatic: false,
+
+  webpack: {}
+}
+
+config.RegStrs = RegStrs
+
+let vueClientConfig = {}
+config.domain = ''
+if (config.isDev === 'development') {
+  config.url = 'http://' + config.domain + ':12002'
+  try {
+    vueClientConfig = require('../.config.dev.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有开发环境配置文件 -- `.config.dev.js`，正在使用默认配置')
+  }
+} else if(config.isDev === 'test') {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.test.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有测试环境配置文件 -- `.config.test.js`，正在使用默认配置')
+  }
+} else {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.pro.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有生产环境配置文件 -- `.config.pro.js`，正在使用默认配置')
+  }
+}
+
+for (let k in vueClientConfig) {
+  config[k] = vueClientConfig[k]
+}
+
+module.exports = config

build/dev.ezijing.com.key

+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAgddAmdjWL+4JUXvmiR/lr9cbdoctEGLwdLpnIrRlL/oVKubZ
+TrASed5pA2kHKUbbV9i64iNIzn668ziytivudRiuGL4wBTPdtlpkSty9ij0ZHZXe
+23oWQ73fV3FNROp3ekLmIYHqo2ep5hhfq1A4Sey7IM1Z0A9OF6MV7Tgqm+8a6Fy4
+eNbgx99f0n7nquGjYZ3RcnU0j6xzfQhOqOYmhk4flQqSx6Mb6sSmWM7V4/h/554L
+QyJNV3ngNfT3ZFmAmhIZt7n+o3svzIqwghiZSj0K9jyE7zbSZjVUBEQztFUcfYgP
+ZQfZFFsdgIkFSvR3cXIpIiN8oPf8xK6naApOXwIDAQABAoIBAHKlKKJvZvgdO1ca
+ir1rT7jKu7IVu4GritvWtzhahrotHEGsYhZru3SmIJ1lQHB+4zAW6zS/qQrDtbkK
+yCm4cq4sI5UvYWFGoa7g84tyi12jgyiva37ptv0Li0g/f9WpHePzbBYMC61K3CaS
+QO8YPwtvHu/gwjvHN9IBK1wxatYRriAfR6CF2+pfZXhlq3nprc0z9YypExLg2Swa
+ML1uQGLObDHAFKheVFYOgWOncMbG5eXNV9mdfzoUuc+mkENDtynQUTzI2ZM4OZFr
+uMjto7y4RLFu463Rg0ijg2MXL4FbygzclaePNL7YBS6wed0Z8cE26FvbG5vM//Qc
+qYK+WBECgYEA0FdJ7tPzgBvn4VsvBBdA8gmmFmmD/TJxehrxAwn/x0QkcZa6ngxJ
+ScgcicJ2OSM049zId35KA4OV7aGUC6QKdG6JbL00Wqg9xWbsHiiB9XzV1iDghTug
+35cDWhRN8SnMgBhQ85l5ps8NJuLS/fqLBK0/yeE54mkWKqvD4JS39KcCgYEAn4rl
+Uc4PQ/xkgCKCTOCIYmzvDUuZcS0pA0MU/uJ/aQIwaJFanIehczs6Wg/Gb0YhKx0h
+cMDuvZYY2XjbCic8eDNE7ED0hUHBAa8VAQZwS22ds/qNoooCO5UcHPRevenb/dIk
+oKQTrI+4e5izQtuV3YLJMeH5Ba9bUP45iaZDt4kCgYEAnBGnmrc/46oD7HdoIwJg
+bm/38TYd3+CXzUa9YO9uohFT05t8NMUzaYf0iOYZtfe/uSo9KfZ672L1P0wZIRdD
+lbDwVXru6zK5A1V0b6scn49iiMOcLXJbsuLnaeVn9c7AGP0eNz2zOdhFG+oy8Htt
+BJXcARktSYQ7TL/bPjNqEmUCgYB54o8XVCltcyEEk1igitkm+LoYmiz7vdibWWBs
+6XUVMErzWDi1ZRj/A7ysmWisEhO88GBf18WMqWMKob4Vn6we2GxLYcRtGbLuKmgN
+hHG97lyQ51XVW0IhauUzaa4HwOYEn8rDvxYYuyPhqOMqrL9tn0E+DrlEkpdc5Rvo
+AVGyoQKBgGYvAeoKrdkfLUUnvRBIju9/bg5H6t1MY8lYi4WEnL+aPn056LV43LU9
++gF7+S7f8Er6WiJCCb7laYeDyC5adqnF/fI//4iNsarid86blirXfJMSfTG+GkZM
+OEBHd/sX0IbRUt6MCxiG3Znmdpny3/MG4CegPMtdohQktQEAS2yJ
+-----END RSA PRIVATE KEY-----

build/dev.ezijing.com.pem

+-----BEGIN CERTIFICATE-----
+MIIFiDCCBHCgAwIBAgIQAepAKb4wAxmrtof7BwPQSDANBgkqhkiG9w0BAQsFADBu
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
+RFYgVExTIENBIC0gRzEwHhcNMTkxMTA4MDAwMDAwWhcNMjAxMTA3MTIwMDAwWjAa
+MRgwFgYDVQQDEw9kZXYuZXppamluZy5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IB
+DwAwggEKAoIBAQCB10CZ2NYv7glRe+aJH+Wv1xt2hy0QYvB0umcitGUv+hUq5tlO
+sBJ53mkDaQcpRttX2LriI0jOfrrzOLK2K+51GK4YvjAFM922WmRK3L2KPRkdld7b
+ehZDvd9XcU1E6nd6QuYhgeqjZ6nmGF+rUDhJ7LsgzVnQD04XoxXtOCqb7xroXLh4
+1uDH31/Sfueq4aNhndFydTSPrHN9CE6o5iaGTh+VCpLHoxvqxKZYztXj+H/nngtD
+Ik1XeeA19PdkWYCaEhm3uf6jey/MirCCGJlKPQr2PITvNtJmNVQERDO0VRx9iA9l
+B9kUWx2AiQVK9HdxcikiI3yg9/zErqdoCk5fAgMBAAGjggJ0MIICcDAfBgNVHSME
+GDAWgBRVdE+yck/1YLpQ0dfmUVyaAYca1zAdBgNVHQ4EFgQU28ndXe6qIDlhPWX5
++gzJoRhaQQowGgYDVR0RBBMwEYIPZGV2LmV6aWppbmcuY29tMA4GA1UdDwEB/wQE
+AwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYBBQUHAwIwTAYDVR0gBEUwQzA3
+BglghkgBhv1sAQIwKjAoBggrBgEFBQcCARYcaHR0cHM6Ly93d3cuZGlnaWNlcnQu
+Y29tL0NQUzAIBgZngQwBAgEwgYAGCCsGAQUFBwEBBHQwcjAkBggrBgEFBQcwAYYY
+aHR0cDovL29jc3AuZGlnaWNlcnQuY29tMEoGCCsGAQUFBzAChj5odHRwOi8vY2Fj
+ZXJ0cy5kaWdpY2VydC5jb20vRW5jcnlwdGlvbkV2ZXJ5d2hlcmVEVlRMU0NBLUcx
+LmNydDAJBgNVHRMEAjAAMIIBBQYKKwYBBAHWeQIEAgSB9gSB8wDxAHYApLkJkLQY
+WBSHuxOizGdwCjw1mAT5G9+443fNDsgN3BAAAAFuSnTaJgAABAMARzBFAiEAtYCW
+PLYE6pylBOsB1MmETgxGpYrG64Osn/XXyJlh+/UCIEnttMCBvNif4hpJfAQibP/Q
+bJ9w0VYC59hi8Tmcf/mfAHcAXqdz+d9WwOe1Nkh90EngMnqRmgyEoRIShBh1loFx
+RVgAAAFuSnTZSQAABAMASDBGAiEAsMgDWdSJ5d2jiXoNyxJ5FY7+3PET59vgvxi9
+Eev9MwECIQC3sfR8sRWxJg82xH7lIA9sN87p7fLmr+KyhnuAK+2bcjANBgkqhkiG
+9w0BAQsFAAOCAQEAOXMhz5dapVgYoLe23i+rEbBeO648c3cAO11qubqE0b5ie2bY
+4DuatptwiLA47xfSVbFF0Y44cPL1b0zHe+Ki9TpcFP+TQ/+cPD2bPrqovI2uh8Qi
+1RU7baLoYO9t7NxaPXh9RtRLUufJHas7HcWtLw/nPvVi+SuhgiiPytWdVM64dIPz
++nP9YY6wZhp4S/vNw5T7LARaw28xrEPzgCzWoXBUDyLB1slU3A2Uu+vl4lilcVeF
+B/hl/75PWIdlxeRsD2V4TGCg796eL1BTVYEh7+mjvvaft+1/jwofKtGxg34YZHfl
+6M22MuuP1pLviPZEE4ZlPXvltUV/Qq47LvZkTg==
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEqjCCA5KgAwIBAgIQAnmsRYvBskWr+YBTzSybsTANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
+QTAeFw0xNzExMjcxMjQ2MTBaFw0yNzExMjcxMjQ2MTBaMG4xCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
+MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBALPeP6wkab41dyQh6mKc
+oHqt3jRIxW5MDvf9QyiOR7VfFwK656es0UFiIb74N9pRntzF1UgYzDGu3ppZVMdo
+lbxhm6dWS9OK/lFehKNT0OYI9aqk6F+U7cA6jxSC+iDBPXwdF4rs3KRyp3aQn6pj
+pp1yr7IB6Y4zv72Ee/PlZ/6rK6InC6WpK0nPVOYR7n9iDuPe1E4IxUMBH/T33+3h
+yuH3dvfgiWUOUkjdpMbyxX+XNle5uEIiyBsi4IvbcTCh8ruifCIi5mDXkZrnMT8n
+wfYCV6v6kDdXkbgGRLKsR4pucbJtbKqIkUGxuZI2t7pfewKRc5nWecvDBZf3+p1M
+pA8CAwEAAaOCAU8wggFLMB0GA1UdDgQWBBRVdE+yck/1YLpQ0dfmUVyaAYca1zAf
+BgNVHSMEGDAWgBQD3lA1VtFMu2bwo+IbG8OXsj3RVTAOBgNVHQ8BAf8EBAMCAYYw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
+AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
+Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
+Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdENBLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
+/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
+MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAK3Gp6/aGq7aBZsxf/oQ+TD/B
+SwW3AU4ETK+GQf2kFzYZkby5SFrHdPomunx2HBzViUchGoofGgg7gHW0W3MlQAXW
+M0r5LUvStcr82QDWYNPaUy4taCQmyaJ+VB+6wxHstSigOlSNF2a6vg4rgexixeiV
+4YSB03Yqp2t3TeZHM9ESfkus74nQyW7pRGezj+TC44xCagCQQOzzNmzEAP2SnCrJ
+sNE2DpRVMnL8J6xBRdjmOsC3N6cQuKuRXbzByVBjCqAA8t1L0I+9wXJerLPyErjy
+rMKWaBFLmfK/AHNF4ZihwPGOc7w6UHczBZXH5RFzJNnww+WnKuTPI0HfnVH8lg==
+-----END CERTIFICATE-----

build/getSSL.js

+
+const fs = require('fs')
+const path = require('path')
+const request = require('request')
+
+const _conf = require('./config')
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.key'), '', { encoding: 'utf8', mode: 0o755 })
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.pem'), '', { encoding: 'utf8', mode: 0o755 })
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.key?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.key')))
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.pem?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.pem')))

build/regExpStr.js

+/* 由于正则表达式，不能进行跟 gulpfile 中 去注释 在一起 */
+module.exports = {
+  regExp_static: /('|"|`)[\.|\/]*?static\/(.*?\.(png|jpe?g|gif|svg|ico)(\?.*)?)\1/g
+}

build/stringReplaceLoader.js

+const _conf = require('./config')
+
+module.exports = function (source) {
+  if (_conf.isDev !== 'development') {
+    return source
+            .replace(_conf.RegStrs.regExp_static, '$1' + _conf.CDN_BASE + _conf.CDN_DIR + 'static/$2$1')
+  } else {
+    return source
+  }
+}

build/uploadAliyunCDN.js

+
+const fs = require('fs')
+const path = require('path')
+
+const OSS = require('ali-oss')
+
+const conf = require('./config')
+
+const client = new OSS({
+  region: 'oss-cn-beijing',
+  accessKeyId: 'LTAIOTuuLTaWoGJj',
+  accessKeySecret: 'dE5tTGm2lh35eItct2krW2DeH2lf2I',
+  bucket: 'zws-imgs-pub'
+})
+
+const headers = {
+  'x-oss-traffic-limit': 8 * 1024 * 100 * 100
+}
+
+const DIR_PATH = path.join(__dirname, '../' + conf.DesDir)
+const PREFIX_PATH = conf.CDN_DIR
+const isUploadStatic = conf.isUploadStatic
+
+let fileCount = 1
+async function uploadFile (prefixPath, dirFileName) {
+  try {
+    const upFilePath = prefixPath.replace(new RegExp(DIR_PATH, 'gi'), '') + path.basename(dirFileName)
+    const result = await client.put(prefixPath + path.basename(dirFileName), dirFileName, {
+      headers,
+      timeout: 600000
+    })
+    if (result.res.status === 200) {
+      console.log('第' + fileCount++ + '个文件，已上传：' + conf.CDN_BASE + upFilePath)
+      return { status: 200 }
+    }
+  } catch (err) {
+    console.log('第' + fileCount++ + '个文件，上传失败：' + conf.CDN_BASE + upFilePath)
+    return { status: 500, err: err }
+  }
+}
+
+function uploadfiles (dirPath, callback) {
+  const files = fs.readdirSync(dirPath)
+  files.forEach(function (filename, i) {
+    const filedir = path.join(dirPath, filename)
+    const info = fs.statSync(filedir)
+    if (info.isDirectory()) {
+      if (!(isUploadStatic ? true : filename !== 'static')) { return }
+      const morePath = filedir.replace(new RegExp(DIR_PATH, 'gi'), '') + '/'
+      uploadfiles(filedir, function (filedir) {
+        uploadFile(path.join(PREFIX_PATH, morePath), filedir)
+      })
+    } else {
+      if (typeof callback === 'function') {
+        callback(filedir)
+      } else {
+        uploadFile(PREFIX_PATH, filedir)
+      }
+    }
+  })
+  return true
+}
+
+uploadfiles(DIR_PATH, null)

build/webpack.base.conf.js

+const path = require('path')
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+
+const _conf = require('./config')
+
+const $GLOBAL = {
+  isDev: _conf.isDev,
+  ResDir: _conf.ResDir,
+  'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+
+  templatePath: path.resolve(__dirname, '../' + _conf.HtmlPath),
+  icoPath: _conf.IcoPath,
+
+  EntryPath: path.resolve(__dirname, '../' + _conf.JsPath),
+  OutputPath: path.resolve(__dirname, '../' + _conf.DesDir),
+
+  jsName: 'resources/[name].[chunkhash:8].js',
+  cssName: 'resources/[name].[contenthash:12].css',
+  resName: 'resources/[name].[hash:8].[ext]',
+
+  EntryStaticPath: path.resolve(__dirname, '../' + 'static'),
+  OutputStaticPath: path.resolve(__dirname, '../' + _conf.DesDir + '/static'),
+
+  RegStrs: _conf.RegStrs,
+
+  webConf: {
+    'isDev': _conf.isDev,
+    'serverPort': process.env.SERVER_PORT || 8000,
+    'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+    'domain': _conf.domain,
+    'url': _conf.url,
+    'isHttps': _conf.isHttps,
+    'apiBaseURL': _conf.apiBaseURL || '/api',
+    'CDN_PATH': _conf.CDN_BASE + _conf.CDN_DIR,
+    'others': _conf.others || {}
+  },
+  externals: _conf.webpack.externals || {},
+  ProvidePlugin: _conf.webpack.ProvidePlugin || {},
+  BaseConfig: {}
+}
+
+$GLOBAL.BaseConfig = {
+  target: 'web',
+  entry: $GLOBAL.EntryPath,
+  output: {
+    filename: $GLOBAL.jsName,
+    path: $GLOBAL.OutputPath,
+    publicPath: $GLOBAL.isDev === 'development' ? '/' : $GLOBAL.webConf.CDN_PATH
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '../' + $GLOBAL.ResDir),
+      '@api': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/api'),
+      '@action': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/action'),
+      '@tool': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/tool')
+    },
+    extensions: ['.js', '.json', '.jsx', '.vue']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(vue|js|jsx)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/,
+        enforce: 'pre'
+      },
+      {
+        test: /\.(vue|js|jsx)|((sa|sc|c)ss)$/,
+        loader: './build/stringReplaceLoader.js',
+        exclude: /node_modules/,
+        enforce: 'pre'
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /(\.jsx|\.js)$/,
+        exclude: /(node_modules)|(dist)/,
+        loader: 'babel-loader',
+        options: {
+          presets: [[
+            '@babel/preset-env',
+            {
+              "targets": {
+                "browsers": [
+                  "last 2 versions",
+                  "ie >= 11"
+                ],
+              },
+              corejs: '3.6.5',
+              useBuiltIns: 'usage'
+            }
+          ]],
+          plugins: [
+            '@babel/plugin-syntax-jsx',
+            '@babel/plugin-proposal-class-properties',
+            '@babel/plugin-syntax-dynamic-import',
+            [
+              '@babel/plugin-transform-runtime',
+              {
+                corejs: 3,
+                helpers: true,
+                regenerator: true,
+                useESModules: false
+              }
+            ]
+          ]
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,
+        use: {
+          loader: 'url-loader',
+          options: {
+            esModule: false,
+            limit: 4096,
+            name: $GLOBAL.resName
+          }
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      }
+    ]
+  },
+  externals: {
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'webConf': JSON.stringify($GLOBAL.webConf)
+    }),
+    new webpack.ProvidePlugin($GLOBAL.ProvidePlugin)
+  ]
+}
+$GLOBAL.BaseConfig = WebpackMerge($GLOBAL.BaseConfig, _conf.webpack)
+
+module.exports = $GLOBAL

build/webpack.client.conf.js

+
+const fs = require('fs')
+const path = require('path')
+
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+const CleanWebpackPlugin = require('clean-webpack-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const AutoPrefixer = require('autoprefixer')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const HtmlReplaceWebpackPlugin = require('html-replace-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const VconsoleWebpackPlugin = require('vconsole-webpack-plugin')
+const $GLOBAL = require('./webpack.base.conf')
+
+
+let config = null
+
+if ($GLOBAL.isDev === 'development') {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'development',
+    devtool: '#cheap-module-eval-source-map',
+    output: {
+      filename: '[name].js'
+    },
+    devServer: {
+      port: $GLOBAL.webConf.serverPort,
+      disableHostCheck: false,
+      host: $GLOBAL.webConf.domain || 'localhost',
+      http2: false,
+      https: $GLOBAL.webConf.isHttps && {
+        key: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.key')),
+        cert: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.pem'))
+      },
+      overlay: {
+        errors: true
+      },
+      historyApiFallback: {
+        index: '/index.html'
+      },
+      proxy: {
+        '/api': {
+          target: $GLOBAL.webConf.url,
+          selfHandleResponse: false,
+          secure: false,
+          changeOrigin: true,
+          followRedirects: true,
+          logLevel: 'info',
+          headers: {
+            'Referer': $GLOBAL.webConf.url
+          },
+          pathRewrite: {
+            '^/api': '/'
+          }
+        }
+      },
+      open: true,
+      hot: true
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new VueLoaderPlugin(),
+      new webpack.HotModuleReplacementPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath
+      }),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ]
+  })
+} else {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'production',
+    entry: {
+      app: $GLOBAL.EntryPath,
+      vendor: ['vue', 'vue-router', 'vue-i18n']
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+            }
+          },
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new CleanWebpackPlugin(['**/*'], { root: $GLOBAL.OutputPath }),
+      new MiniCssExtractPlugin({
+        filename: '[name].[contenthash:12].css',
+        chunkFilename: $GLOBAL.cssName
+      }),
+      new VueLoaderPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath,
+        minify: {
+          removeComments: true,
+          collapseWhitespace: true
+        }
+      }),
+      new HtmlReplaceWebpackPlugin([
+        {
+          pattern: $GLOBAL.RegStrs.regExp_static,
+          replacement: '$1' + $GLOBAL.webConf.CDN_PATH + 'static/$2$1'
+        }
+      ]),
+      new CopyWebpackPlugin([
+        {
+          from: $GLOBAL.EntryStaticPath,
+          to: $GLOBAL.OutputStaticPath,
+          ignore: ['.*'],
+          transform: function (content) {
+            return content
+          }
+        }
+      ]),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ],
+    optimization: {
+      runtimeChunk: {
+        name: 'manifest'
+      },
+      splitChunks: {
+        chunks: 'async',
+        minSize: 30000,
+        maxSize: 400000,
+        minChunks: 1,
+        maxAsyncRequests: 5,
+        maxInitialRequests: 3,
+        name: false,
+        cacheGroups: {
+          vendor: {
+            name: 'vendor',
+            chunks: 'initial',
+            priority: -10,
+            reuseExistingChunk: false,
+            test: /node_modules\/(.*)\.js/
+          },
+        }
+      }
+    }
+  })
+}
+
+module.exports = config