fix: 修改打包

zhengyiming

2025-03-06 e40bd17fe4ef369c9b68c0100ff1c50b9ef8729e

fix: 修改打包

 package.json

@@ -47,6 +47,7 @@
    "mockjs": "^1.1.0",
    "postcss-html": "1.5.0",
    "prettier": "^2.7.1",
    "release": "^6.3.1",
    "release-it": "^17.6.0",
    "stylelint": "^14.15.0",
    "stylelint-config-html": "^1.1.0",

 packages/components/package.json

@@ -3,7 +3,19 @@
  "private": true,
  "main": "src/index.ts",
  "module": "./src/index.ts",
  "types": "./dist/index.d.ts",
  "version": "0.0.1",
  "scripts": {
    "clean": "rimraf dist",
    "build": "pnpm run clean && vite build",
    "dev": "vite build -w",
    "release": "pnpm build && release-it --config ../../.release-it.json --git.tagName='components/v${version}'",
    "release-patch": "pnpm release -- patch"
  },
  "files": [
    "dist",
    "assets"
  ],
  "exports": {
    ".": {
      "import": "./src/index.ts",
@@ -14,10 +26,33 @@
    },
    "./*": "./*"
  },
  "publishConfig": {
    "types": "./dist/index.d.ts",
    "main": "./dist/index.mjs",
    "module": "./dist/index.mjs",
    "exports": {
      ".": {
        "import": "./dist/index.mjs",
        "require": "./dist/index.js"
      },
      "./src/styles/index.scss": {
        "import": "./dist/styles/index.scss"
      },
      "./dist/styles/index.scss": {
        "import": "./dist/styles/index.scss"
      },
      "./*": "./*"
    }
  },
  "devDependencies": {
    "@life-payment/core-vue": "workspace:^",
    "@nutui/icons-vue-taro": "0.0.9",
    "@nutui/nutui-taro": "4.3.13",
    "@vitejs/plugin-vue": "^5.1.4",
    "@vitejs/plugin-vue-jsx": "^4.0.1",
    "vite": "5.4.3",
    "vite-plugin-dts": "^4.5.3",
    "vite-plugin-static-copy": "^0.12.0",
    "vue": "3.5.12"
  },
  "peerDependencies": {

 packages/components/src/assets/icon-alipay.png

 packages/components/src/assets/icon-back-top.png

 packages/components/src/assets/icon-free-dian.png

 packages/components/src/assets/icon-free-phone.png

 packages/components/src/assets/icon-weixin-pay.png

 packages/components/src/components/InfiniteLoading/InfiniteLoading.vue

@@ -64,7 +64,7 @@
import { FetchNextPageOptions } from '@tanstack/vue-query';
import { Loading } from '@nutui/icons-vue-taro';
import { useScrollDistance } from 'senin-mini/hooks';
import IconBackTop from '../../../assets/icon-back-top.png';
import IconBackTop from '../../assets/icon-back-top.png';

defineOptions({
  name: 'InfiniteLoading',
@@ -170,66 +170,3 @@

defineExpose({ backToTop, scrollToBottom });
</script>

<style lang="scss">
@import '@/styles/common.scss';

.loading-more-tips {
  color: boleGetCssVar('text-color', 'primary');
  padding: 18px 10px;
  width: auto;
  font-size: 24px;
  text-align: center;
}

.infinite-list-inner {
  // padding: 30px 30px 0;

  &.hasPaddingTop {
    padding-top: 20px;
  }

  &.noShowMoreText {
    padding-bottom: 30px;
  }
}

.infiniting-tips {
  color: boleGetCssVar('text-color', 'primary');
  padding: 18px 10px;
  width: auto;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;

  .infiniting-tips-icon {
    margin-right: 10px;
  }
}

.back-top-wrapper {
  width: 92px;
  height: 92px;
  background: #ffffff;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.18);
  position: fixed;
  border-radius: 50%;
  right: boleGetCssVar('size', 'body-padding-h');
  bottom: 390px;

  .back-top-img {
    width: 44px;
    height: 44px;
    margin: 12px auto 2px;
  }

  .back-top-text {
    font-weight: 400;
    font-size: 16px;
    color: boleGetCssVar('text-color', 'regular');
    line-height: 22px;
    text-align: center;
  }
}
</style>

 packages/components/src/components/Input/ChooseInput.vue

@@ -25,14 +25,3 @@
  name: 'ChooseInput',
});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.common-choose-input-icon {
  //   width: 13px;
  //   height: 23px;
  margin-left: 18px;
  color: boleGetCssVar('text-color', 'primary');
}
</style>

 packages/components/src/styles/components.scss

@@ -137,3 +137,70 @@
    }
  }
}


.loading-more-tips {
  color: boleGetCssVar('text-color', 'primary');
  padding: 18px 10px;
  width: auto;
  font-size: 24px;
  text-align: center;
}

.infinite-list-inner {
  // padding: 30px 30px 0;

  &.hasPaddingTop {
    padding-top: 20px;
  }

  &.noShowMoreText {
    padding-bottom: 30px;
  }
}

.infiniting-tips {
  color: boleGetCssVar('text-color', 'primary');
  padding: 18px 10px;
  width: auto;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;

  .infiniting-tips-icon {
    margin-right: 10px;
  }
}

.back-top-wrapper {
  width: 92px;
  height: 92px;
  background: #ffffff;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.18);
  position: fixed;
  border-radius: 50%;
  right: boleGetCssVar('size', 'body-padding-h');
  bottom: 390px;

  .back-top-img {
    width: 44px;
    height: 44px;
    margin: 12px auto 2px;
  }

  .back-top-text {
    font-weight: 400;
    font-size: 16px;
    color: boleGetCssVar('text-color', 'regular');
    line-height: 22px;
    text-align: center;
  }
}

.common-choose-input-icon {
  //   width: 13px;
  //   height: 23px;
  margin-left: 18px;
  color: boleGetCssVar('text-color', 'primary');
}

 packages/components/src/styles/index.scss

@@ -13,16 +13,16 @@
  @include bole-set-component-css-var('color', $bole-colors);
  @include bole-set-component-css-var('text-color', $bole-text-color);
  @include bole-set-component-css-var('size', $bole-size);
  background-color: map-get($bole-colors, 'body-background-color');

  --primary-color: #{map-get($bole-colors, 'primary')};
  overflow: hidden;
  background-color: map.get($bole-colors, 'body-background-color');

  --nut-primary-color: #{map-get($bole-colors, 'primary')};
  --primary-color: #{map.get($bole-colors, 'primary')};

  --nut-primary-color: #{map.get($bole-colors, 'primary')};
  --nut-primary-color-end: $primary-color-end;

  --nut-tag-success-background-color: #d0f8e2;
  --nut-tag-danger-background-color: #ffe5e5;

  --nut-badge-background-color: #{map-get($bole-colors, 'danger')};
  --nut-badge-background-color: #{map.get($bole-colors, 'danger')};
}

 packages/components/src/styles/mixins.scss

@@ -50,7 +50,7 @@
}

@mixin listScrollView {
  padding: 0 map-get($bole-size, 'body-padding-h');
  padding: 0 map.get($bole-size, 'body-padding-h');
  @include listScrollViewWithNoPadding;
}


 packages/components/src/styles/var.scss

@@ -32,4 +32,4 @@
  $bole-size
);

$base-footer-box-shadow: 0px -10px 40px 0px map-get($bole-colors, 'shadow-color');
$base-footer-box-shadow: 0px -10px 40px 0px map.get($bole-colors, 'shadow-color');

 packages/components/src/views/RechargeGrid/RechargeGrid.vue

@@ -14,8 +14,8 @@
<script setup lang="ts">
import MainCell from '../../components/Layout/MainCell.vue';
import { Grid, GridItem } from '@nutui/nutui-taro';
import IconFreePhone from '../../../assets/icon-free-phone.png';
import IconFreeDian from '../../../assets/icon-free-dian.png';
import IconFreePhone from '../../assets/icon-free-phone.png';
import IconFreeDian from '../../assets/icon-free-dian.png';

defineOptions({
  name: 'RechargeGrid',

 packages/components/src/views/SelectPayTypeView/SelectPayTypeView.vue

@@ -13,8 +13,8 @@
</template>

<script setup lang="ts">
import IconWeixin from '../../../assets/icon-weixin-pay.png';
import IconAliPay from '../../../assets/icon-alipay.png';
import IconWeixin from '../../assets/icon-weixin-pay.png';
import IconAliPay from '../../assets/icon-alipay.png';
import {
  useLifeRechargeContext,
  SetLifePayOrderPayTypeInput,

 packages/components/tsconfig.json

@@ -2,6 +2,7 @@
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "baseUrl": ".",
    "rootDir": "src",
    "ignoreDeprecations": "5.0",
    "paths": {
      "@life-payment/*": ["../../packages/*"]
@@ -15,6 +16,6 @@
      "../../types/api.d.ts"
    ]
  },
  "include": ["./src/**/*", "./types", "./assets", "../core-vue"],
  "references": [{ "path": "../services" }]
  "include": ["./src/**/*", "./types", "./assets"],
  "references": [{ "path": "../services" }, { "path": "../core-vue" }, { "path": "../core" }]
}

 packages/components/vite.config.ts

New file
@@ -0,0 +1,49 @@
import { resolve } from 'path';
import { defineConfig } from 'vite';
// import removeConsole from 'vite-plugin-remove-console';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import dts from 'vite-plugin-dts';
import pkg from './package.json';
import { viteStaticCopy } from 'vite-plugin-static-copy';

export default defineConfig({
  build: {
    // target: 'es2015',
    lib: {
      entry: resolve(__dirname, './src/index.ts'),
      formats: ['es'],
      fileName: 'index',
      name: 'lifePaymentComponents',
    },
    rollupOptions: {
      external: Object.keys(pkg.peerDependencies),
    },
  },
  plugins: [
    vue(),
    // jsx、tsx语法支持
    vueJsx(),

    // removeConsole({
    //   external:['src/xlsx/index.ts']
    // }),

    viteStaticCopy({
      targets: [
        {
          src: 'src/styles',
          dest: '.',
        },
        {
          src: 'src/assets',
          dest: '.',
        },
      ],
    }),

    dts({
      tsconfigPath: './tsconfig.json',
    }),
  ],
});

 packages/core-vue/modern.config.ts

New file
@@ -0,0 +1,6 @@
import { moduleTools, defineConfig } from '@modern-js/module-tools';

export default defineConfig({
  plugins: [moduleTools()],
  buildPreset: 'npm-library',
});

 packages/core-vue/package.json

@@ -3,13 +3,30 @@
  "private": true,
  "main": "src/index.ts",
  "module": "./src/index.ts",
  "types": "./dist/types/index.d.ts",
  "version": "0.0.1",
  "scripts": {
    "dev": "modern dev",
    "build": "modern build",
    "build:watch": "modern build -w"
  },
  "files": [
    "dist"
  ],
  "devDependencies": {
    "@life-payment/core": "workspace:^",
    "@modern-js/module-tools": "2.49.3",
    "vue": "3.5.12"
  },
  "peerDependencies": {
    "@life-payment/core": "*",
    "vue": "3.5.12"
  },
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/",
    "types": "./dist/types/index.d.ts",
    "main": "./dist/lib/index.js",
    "module": "./dist/es/index.js"
  }
}

 packages/core/modern.config.ts

New file
@@ -0,0 +1,6 @@
import { moduleTools, defineConfig } from '@modern-js/module-tools';

export default defineConfig({
  plugins: [moduleTools()],
  buildPreset: 'npm-library',
});

 packages/core/package.json

@@ -3,11 +3,28 @@
  "private": true,
  "main": "src/index.ts",
  "module": "./src/index.ts",
  "types": "./dist/types/index.d.ts",
  "version": "0.0.1",
  "scripts": {
    "dev": "modern dev",
    "build": "modern build",
    "build:watch": "modern build -w"
  },
  "files": [
    "dist"
  ],
  "devDependencies": {
    "@modern-js/module-tools": "2.49.3",
    "axios": "1.4.0"
  },
  "peerDependencies": {
    "axios": "*"
  },
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/",
    "types": "./dist/types/index.d.ts",
    "main": "./dist/lib/index.js",
    "module": "./dist/es/index.js"
  }
}

 packages/core/src/lifeRechargeServices.ts

@@ -9,7 +9,7 @@
  constructor({ axiosConfig }: BlLifeRechargeServicesOptions<TResponse, TRequestOptions>) {
    this.request = Request.create({
      ...axiosConfig,
      // baseURL: isWeb ? process.env.BASE_URL_H5 : process.env.BASE_URL,
      // baseURL: process.env.NODE_ENV === 'development' ? '/' : 'https://api.81812333.com',
      timeout: 10 * 1000,
      headers: {
        Accept: 'application/json, text/plain, */*',

 pnpm-lock.yaml

Diff too large