@autobest-ui/scripts 1.0.1 → 1.0.4

package/README.md

@@ -39,7 +39,7 @@ module.exports = function(
   result,
   appConfig,
   extendEnv,
-  { isProd, isServer, isHotServer, isSetCommonAlias }
+  { isProd, isServer, isHotServer }
 ) {
    // 根据条件，对不同环境的配置进行扩展
    ......

package/common/appConfig.js

@@ -1,10 +1,26 @@
+const fs = require('fs');
 const { getProjectPath } = require('./utils');
 
+let pkgInfo = {
+  name: 'ui',
+  version: '1.0.0'
+};
+try {
+  const pkgPath = getProjectPath('/package.json');
+  const pkgStr = fs.readFileSync(pkgPath);
+  pkgInfo = JSON.parse(pkgStr);
+} catch (e) {
+  // eslint-disable-next-line no-console
+  console.warn('The current project does not have a package.json file or content error!!!');
+}
+
 const configPath = getProjectPath('/config/app.config.js');
 
 const config = require(configPath);
 
 module.exports = {
+  projectName: pkgInfo.name,
+  projectVersion: pkgInfo.version,
   startDefaultPort: 3030,
   startEntry: '/src/index.tsx',
   ...config

package/common/webpack.common.js

@@ -77,7 +77,7 @@ function getStyleLoaders({ isProd, isServer, isHotServer, isSass, moduleOption =
   return result;
 }
 
-module.exports = (appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCommonAlias }) => {
+module.exports = (appConfig, extendEnv, { isProd, isServer, isHotServer }) => {
   const result = {
     stats: 'errors-only',
     // 原始源代码（仅限行）定位到原始代码问题，比source-map 快，但是没有列映射(column mapping)的 source-map
@@ -88,6 +88,17 @@ module.exports = (appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCo
     output: {
       publicPath: '/'
     },
+    cache: {
+      type: 'filesystem',
+      version: `${appConfig.projectName}_${isProd ? '1' : '0'}${isServer ? '1' : '0'}${isHotServer ? '1' : '0'}_${
+        appConfig.projectVersion
+      }`,
+      store: 'pack',
+      buildDependencies: {
+        defaultWebpack: ['webpack/lib/'],
+        config: [__filename]
+      }
+    },
     // 配置各种loader
     module: {
       // 警告替换为Error
@@ -97,7 +108,15 @@ module.exports = (appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCo
           oneOf: [
             {
               test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
-              type: 'asset'
+              type: 'asset',
+              parser: {
+                dataUrlCondition: {
+                  maxSize: 2048
+                }
+              },
+              generator: {
+                filename: `static/[name].[contenthash:8].[ext]?v=${extendEnv.version}`
+              }
             },
             {
               test: /\.(js|ts|tsx)$/,
@@ -225,8 +244,7 @@ module.exports = (appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCo
     const extendResult = extendConfig(result, appConfig, extendEnv, {
       isProd,
       isServer,
-      isHotServer,
-      isSetCommonAlias
+      isHotServer
     });
     if (!extendResult) {
       throw Error(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/scripts",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "private": false,
   "description": "utils for project tools",
   "bin": {
@@ -91,5 +91,5 @@
     "webpack-merge": "5.8.0",
     "webpack-node-externals": "3.0.0"
   },
-  "gitHead": "5350d0e451afedca23971bd5469c6f7320145fae"
+  "gitHead": "e21c31cc3b068c08fae9a56ec64ef07ddd0f780a"
 }

package/ssrConfig/webpack.base.js

@@ -2,7 +2,7 @@ const { merge } = require('webpack-merge');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const webpackCommon = require('../common/webpack.common');
 
-module.exports = (appConfig, extendEnv, { isServer, isHotServer, isSetCommonAlias, isProd }) => {
+module.exports = (appConfig, extendEnv, { isServer, isHotServer, isProd }) => {
   const result = {
     plugins: [],
     module: {
@@ -19,5 +19,5 @@ module.exports = (appConfig, extendEnv, { isServer, isHotServer, isSetCommonAlia
     );
   }
 
-  return merge(webpackCommon(appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCommonAlias }), result);
+  return merge(webpackCommon(appConfig, extendEnv, { isProd, isServer, isHotServer }), result);
 };

package/ssrConfig/webpack.dev.client.js

@@ -8,7 +8,6 @@ module.exports = function (appConfig, extendEnv) {
     baseConfig(appConfig, extendEnv, {
       isServer: false,
       isHotServer: true,
-      isSetCommonAlias: true,
       isProd: false
     }),
     {

package/ssrConfig/webpack.dev.js

@@ -12,7 +12,6 @@ module.exports = function (appConfig, extendEnv) {
     baseConfig(appConfig, extendEnv, {
       isServer: false,
       isHotServer: false,
-      isSetCommonAlias: true,
       isProd: false
     }),
     {

package/ssrConfig/webpack.dev.server.js

@@ -8,7 +8,6 @@ module.exports = function (appConfig, extendEnv) {
     baseConfig(appConfig, extendEnv, {
       isServer: true,
       isHotServer: true,
-      isSetCommonAlias: true,
       isProd: false
     }),
     {

package/ssrConfig/webpack.prod.client.js

@@ -5,14 +5,11 @@ const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const { getProjectPath } = require('../common/utils');
 const baseConfig = require('./webpack.base');
 
-const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
-
 module.exports = function (appConfig, extendEnv) {
   return merge(
     baseConfig(appConfig, extendEnv, {
       isServer: false,
       isHotServer: false,
-      isSetCommonAlias: isCommonBuild,
       isProd: true
     }),
     {

package/ssrConfig/webpack.prod.server.js

@@ -3,14 +3,11 @@ const { merge } = require('webpack-merge');
 const { getProjectPath } = require('../common/utils');
 const baseConfig = require('./webpack.base');
 
-const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
-
 module.exports = function (appConfig, extendEnv) {
   return merge(
     baseConfig(appConfig, extendEnv, {
       isServer: true,
       isHotServer: false,
-      isSetCommonAlias: isCommonBuild,
       isProd: true
     }),
     {