# webpack-easy-seo

> Easy SEO plugin for webpack and HtmlWebpackPlugin

Latest version **0.1.2** (published 2019-02-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install webpack-easy-seo
pnpm add webpack-easy-seo
yarn add webpack-easy-seo
bun add webpack-easy-seo
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2019-02-07 |
| First published | 2019-02-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Johann Wagner |
| Maintainers | johannwagner |
| Keywords | webpack, seo, easy, opengraph, og, twitter |

## Links

- npm: https://www.npmjs.com/package/webpack-easy-seo
- npm.io page: https://npm.io/package/webpack-easy-seo

## Dependencies (1)

- [fs-extra](https://npm.io/package/fs-extra.md) ^7.0.1

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads
- [child-process-debug](https://npm.io/package/child-process-debug.md) — 695 weekly downloads

## Recent versions

- 0.1.2 (latest) — 2019-02-07
- 0.1.1 — 2019-02-07
- 0.1.0 — 2019-02-07

## README

# Webpack Easy SEO

## Installation

`npm install --save-dev webpack-easy-seo`

## Usage

```javascript
const HtmlWebpackPlugin = require('html-webpack-plugin');
const EasySeo = require('webpack-easy-seo');

const seoInst = new EasySeo({
    // Application Title, which is shown in the tab bar.
    title: "Your Title",
    // Application Description, which is shown in search engines and OpenGraph.
    description: "Your description",
    // Your public url, which is used to create the correct links to your images.
    publicUrl: "https://myapp.mydomain.com",
    // Your thumbnail image, which is used in OpenGraph
    imagePath: "./picture/logo.png",
    // Your webpack build folder
    buildPath: "./build",
    // Path in your build folder to your image.
    outputPath: "/assets/images/thumbnail.png"
});

module.exports = (mode) => {

    return {
        ...,
        plugins: [
            new HtmlWebpackPlugin({
                template: "./public/index.html",
                // Title
                title: seoInst.getTitle(),
                // Meta Tags 
                meta: seoInst.getMetaTags(),
            }),
            // seoInst as webpack plugin to create the thumbnail file after compilation.
            seoInst,
        ],
    }
};

```

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