AutoDecimal

Appearance

快速开始 ​

DANGER

使用前请注意，AutoDecimal 不会进行变量检测。当计算表达式中存在变量时，需要开发者自行评断该变量的值是否可以被 decimal.js 处理，如果 decimal.js 无法处理的话，会报错 Uncaught Error: [DecimalError] Invalid argument。

如果不想被 AutoDecimal 转换的话，可以通过注释等方式跳过。

安装 ​

TIP

插件依赖于 decimal.js-light，如果当前项目中已经使用了decimal.js、 decimal.js-light、 big.js, 其中任意一个，可以通过 package 来指定使用哪个库，不用重复安装。

zsh
npm install -D unplugin-auto-decimal
# 已经安装过的可以跳过
npm install -S decimal.js-light
zsh
pnpm add -D unplugin-auto-decimal
# 已经安装过的可以跳过
pnpm add -S decimal.js-light
zsh
yarn add -D unplugin-auto-decimal
# 已经安装过的可以跳过
yarn add -S decimal.js-light

配置 ​

ts
// vite.config.ts
import AutoDecimal from 'unplugin-auto-decimal/vite'
export default defineConfig({
  plugins: [AutoDecimal({
    /** options */
  })]
})
js
// rspack.config.ts
const AutoDecimal = require('unplugin-auto-decimal/rspack')
module.exports = {
  /* ...  */
  tools: {
    rspack: {
      plugins: [AutoDecimal(
        /** options */
      )]
    }
  }
}
js
// webpack.config.js
module.exports = {
  /* ...  */
  plugins: [require('unplugin-auto-decimal/webpack')({
      /* options */
    }),
  ],
}
js
// vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [
      require('unplugin-auto-decimal/webpack')({
        /* options */
      }),
    ],
  },
}

WARNING

如果是 React 的话，必须将 AutoDecimal 放在 React 前面。

ts
// vite.config.ts
import AutoDecimal from 'vite-plugin-auto-decimal'
import React from '@vitejs/plugin-react'
export default defineConfig({
  plugins: [AutoDecimal(), React()],
})