promise-catch-loader

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #go #golang #rust #linux #java #windows #awesome-list #openai

promise-catch-loader

(★ 8)

一个 promise catch loader，自动为你补齐 promise 的 catch 操作

promise-catch-loader Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# promise-catch-loader

> 一个自动为 promise 注入 catch 语句的 webpack loader

开发中或多或少需要对 `Promise` 进行 `catch` 操作，而这些操作则会让你项目中代码变的臃肿，所以衍生出来 `promise-catch-loader` 这么一个 `webpack loader` 对你项目中的 `Promise` 自动注入 `catch` 操作的代码，解放了你的双手，也解决了臃肿冗余的问题

## Install

```bash
npm i promise-catch-loader -D
```

## Usage
```javascript
// webpack.config.js

module: {
  rules: [
    {
      test: /\.js$/,
      use: {
        loader: 'promise-catch-loader',
        option: {
          type: 'deep',
          line: 0
        }
      }
    }
  ]
}

// vue.config.js
// js 项目
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('js')
      .test(/\.js$/)
      .use('babel-loader').loader('babel-loader').end()
      .use('promise-catch-loader').loader('promise-catch-loader').end()
  }
}
// ts 项目
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('ts')
      .test(/\.ts$/)
      .use('cache-loader').loader('cache-loader').end()
      .use('babel-loader').loader('babel-loader').end()
      .use('ts-loader').loader('ts-loader').end()
      .use('promise-catch-loader').loader('promise-catch-loader').end()
  }
}
```

```javascript
const p = new Promise()
let loading = true
p.then(res => {
  loading = false
  console.log('resolve')
})
```

引入 `promise-catch-loader` 后，不指定 line 行数时

```javascript
const p = new Promise()
let loading = true
p.then(res => {
  loading = false
  console.log('resolve')
}).catch(error => {
  console.log(error')
})
```

指定 line 为 0，即第一行时

```javascript
const p = new Promise()
let loading = true
p.then(res => {
  loading = false
  console.log('resolve')
}).catch(error => {
  loading = false
})
```

## Options
| 字段 | 类型 | 默认值 | 可选值 | 描述 |
| - | - | - | - | - |
| type | string | normal | ['normal', 'deep'] | 代码注入类型，normal 普通遍历注入  deep 深度循环注入 |
| line | number | - | - | catch 语句表达式取 then 方法指定行数的表达式（等同索引） |

promise-catch-loader

promise-catch-loader Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

promise-catch-loader

promise-catch-loader Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README