# @fbi-js/webpack-config-vue

> Webpack config for Vue.js project

Latest version **1.4.3** (published 2021-03-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @fbi-js/webpack-config-vue
pnpm add @fbi-js/webpack-config-vue
yarn add @fbi-js/webpack-config-vue
bun add @fbi-js/webpack-config-vue
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.4.3 |
| Published | 2021-03-11 |
| First published | 2021-01-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=10 |
| Dependencies | 7 |
| Unpacked size | 10.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | fbi |
| Maintainers | neikvon, wendaosanshou |

## Links

- npm: https://www.npmjs.com/package/@fbi-js/webpack-config-vue
- Repository: https://github.com/fbi-js/config
- Homepage: https://github.com/fbi-js/config/tree/master/packages/webpack-config-vue
- Issues: https://github.com/fbi-js/config/issues
- npm.io page: https://npm.io/package/@fbi-js/webpack-config-vue

## Dependencies (7)

- [vue-loader](https://npm.io/package/vue-loader.md) ^15.9.6
- [vue-svg-loader](https://npm.io/package/vue-svg-loader.md) ^0.16.0
- [@fbi-js/tsconfig](https://npm.io/package/@fbi-js/tsconfig.md) ^1.2.2
- [vue-template-compiler](https://npm.io/package/vue-template-compiler.md) ^2.6.12
- [@fbi-js/stylelint-config](https://npm.io/package/@fbi-js/stylelint-config.md) ^1.2.2
- [@fbi-js/webpack-config-base](https://npm.io/package/@fbi-js/webpack-config-base.md) ^1.6.3
- [@fbi-js/eslint-config-vue-typescript](https://npm.io/package/@fbi-js/eslint-config-vue-typescript.md) ^1.2.2

## Recent versions

- 1.4.3 (latest) — 2021-03-11
- 1.4.2 — 2021-03-11
- 1.4.1 — 2021-03-11
- 1.4.0 — 2021-03-11
- 1.3.7 — 2021-03-09
- 1.3.6 — 2021-02-25
- 1.3.5 — 2021-02-25
- 1.3.4 — 2021-01-29
- 1.3.3 — 2021-01-27
- 1.3.2 — 2021-01-27
- 1.3.1 — 2021-01-26
- 1.3.0 — 2021-01-22
- 1.2.1 — 2021-01-12
- 1.2.0 — 2021-01-12
- 1.1.1 — 2021-01-08
- … 7 more at https://npm.io/package/@fbi-js/webpack-config-vue/versions

## README

# @fbi-js/webpack-config-vue

Webpack config for Vue.js project. Extends [@fbi-js/webpack-config-base](https://github.com/fbi-js/config/blob/main/packages/webpack-config-base)

## Usage

```bash
npm i -D @fbi-js/webpack-config-vue webpack@5 webpack-dev-server@next
```

- `./webpack.config.js`

  ```js
  const config = require('@fbi-js/webpack-config-vue').default

  // default
  module.exports = config()

  // extends
  module.exports = {
    ...config(),
    entry: './index.js'
  }

  // with options
  module.exports = config({
    options: {
      isTs: true
    }
  })
  ```

- or `./webpack.config.ts`

  ```ts
  import config from '@fbi-js/webpack-config-vue'

  // default
  export default config()

  // extends
  export default {
    ...config(),
    entry: './index.js'
  }

  // with options
  export default config({
    options: {
      isTs: true
    }
  })
  ```

## [Options](https://github.com/fbi-js/config/blob/main/packages/webpack-config-base/README.md#options)

## `svg` usage

```bash
<template>
  <div>
    <Logo width="60" />
    <div class="bg-svg" />
  </div>
</template>

<script lang="ts">
  import Logo from '@/assets/img/logo.svg'

  export default {
    components: {
      Logo
    }
  }
</script>

<style scoped lang="scss">
  .bg-svg {
    background-image: url('~@/assets/img/logo.svg?inline'); // `?inline` is required
  }
</style>
```

## License

Licensed under [MIT](https://opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/@fbi-js/webpack-config-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._