框架vue-client升级并删除无用.DS_store文件

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,
@@ -21,6 +22,8 @@ let config = {
   webpack: {}
 }
 
+config.RegStrs = RegStrs
+
 let vueClientConfig = {}
 config.domain = ''
 if (config.isDev === 'development') {

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/webpack.base.conf.js

@@ -52,7 +52,8 @@ $GLOBAL.BaseConfig = {
       '@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: [
@@ -62,6 +63,12 @@ $GLOBAL.BaseConfig = {
         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'

build/webpack.client.conf.js

@@ -9,6 +9,7 @@ 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')
@@ -158,6 +159,12 @@ if ($GLOBAL.isDev === 'development') {
           collapseWhitespace: true
         }
       }),
+      new HtmlReplaceWebpackPlugin([
+        {
+          pattern: $GLOBAL.RegStrs.regExp_static,
+          replacement: '$1' + $GLOBAL.webConf.CDN_PATH + 'static/$2$1'
+        }
+      ]),
       new CopyWebpackPlugin([
         {
           from: $GLOBAL.EntryStaticPath,
@@ -167,11 +174,11 @@ if ($GLOBAL.isDev === 'development') {
             return content
           }
         }
-      ])
-      // $GLOBAL.isDev === 'test' && new VconsoleWebpackPlugin({
-      //   filter: [],
-      //   enable: $GLOBAL.isEnableToIphoneDebugger
-      // })
+      ]),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
     ],
     optimization: {
       runtimeChunk: {

package.json

 {
   "name": "@god/vue-client",
-  "version": "3.0.13",
+  "version": "3.0.11",
   "description": "适应于公司全系统的纯客户端开发模型",
   "main": "index.js",
   "scripts": {
     "lint": "eslint --ext .js --ext .jsx --ext .vue src/",
     "lint:fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
-    "dev": "cross-env NODE_ENV=development node build/getSSL.js && cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
-    "build:test": "cross-env NODE_ENV=test webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=test n use 8.11.3 ./build/uploadAliyunCDN.js",
-    "build:pro": "cross-env NODE_ENV=production webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=production n use 8.11.3 ./build/uploadAliyunCDN.js"
+    "dev": "npm run check:node && cross-env NODE_ENV=development node build/getSSL.js && cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
+    "build:test": "npm run check:node && cross-env NODE_ENV=test webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=test node ./build/uploadAliyunCDN.js",
+    "build:pro": "npm run check:node && cross-env NODE_ENV=production webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=production node ./build/uploadAliyunCDN.js",
+    "check:node": "node build/checkNodeVersion.js"
   },
   "repository": {
     "type": "git",
@@ -62,7 +63,9 @@
     "webpack": "^4.42.1",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.10.3",
-    "webpack-merge": "^4.2.2"
+    "webpack-merge": "^4.2.2",
+    "html-replace-webpack-plugin": "^2.5.6",
+    "semver": "^1.1.4"
   },
   "dependencies": {
     "axios": "^0.20.0",