# configure-webpack

> Easily generates a typical Webpack configuration.

Latest version **1.0.3** (published 2019-11-26) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install configure-webpack
pnpm add configure-webpack
yarn add configure-webpack
bun add configure-webpack
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2019-11-26 |
| First published | 2019-08-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Charles Stover |
| Maintainers | charlesstover |

## Links

- npm: https://www.npmjs.com/package/configure-webpack
- Repository: https://github.com/CharlesStover/configure-webpack
- Homepage: https://github.com/CharlesStover/configure-webpack#readme
- Issues: https://github.com/CharlesStover/configure-webpack/issues
- npm.io page: https://npm.io/package/configure-webpack

## Recent versions

- 1.0.3 (latest) — 2019-11-26
- 1.0.2 — 2019-08-14
- 1.0.1 — 2019-08-13
- 1.0.0 — 2019-08-13

## README

# configureWebpack

`configureWebpack` is a Webpack configuration helper utility that automatically
generates common Webpack configurations for NPM modules, including image, SASS,
and TypeScript support.

## Use

```javascript
// webpack.config.js
const configureWebpack = require('configure-webpack');
module.exports = configureWebpack({ sass: true, typescript: true });
```

## Options

### css
If you are using vanilla CSS files (not [SASS](#sass)) in your package, set the
`css` property to `true`.

### sass

If you are using SASS files in your package, set the `sass` property to `true`.

### typescript

If you are using TypeScript in your package, set the `typescript` property to
`true`.

## TypeScript

To add images to your TypeScript project, create the following files:

```typescript
// src/types/images.d.ts
declare module '*.gif' {
  const _: string;
  export default _;
}

declare module '*.jpg' {
  const _: string;
  export default _;
}

declare module '*.png' {
  const _: string;
  export default _;
}
```

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