@fanion/webpack NPM

@fanion/webpack

Yet another opiniated Webpack configuration for NodeCG bundles

Install
Usage
API
Author
License

Install

$ npm install @fanion/webpack

Usage

Create a new file called webpack.config.js and write the configuration you need.

Here's an example using Vue.js with the following file structure:

src/
├── dashboard/
|   └── views/
|   |   ├── lorem/
|   |   |   ├── App.vue
|   |   |   └── index.ts
|   |   └── ipsum/
|   |       ├── App.vue
|   |       └── index.ts
|   └── template.html
├── extension/
|   └── index.ts
└── graphics/
    ├── views/
    |   ├── lorem/
    |   |   ├── App.vue
    |   |   └── index.ts
    |   └── ipsum/
    |       ├── App.vue
    |       └── index.ts
    └── template.html

const fanion = require("@fanion/webpack");

module.exports = fanion({
  variants: {
    extension: {
      source: "src/extension/index.ts",
    },
    dashboard: {
      source: "src/browser/dashboard/views/*/index.ts",
      template: "src/browser/dashboard/template.html",
      use: require("@fanion/preset-vue"),
    },
    graphics: {
      source: "src/browser/graphics/views/*/index.ts",
      template: "src/browser/graphics/template.html",
      use: require("@fanion/preset-vue"),
    },
  },
});