@pictogrammers/element-webpack

Element Webpack Config

Shared webpack configuration for use with @pictogrammers/element package.

const config = require('@pictogrammers/element-webpack');

module.exports = config({
    port: 3000,
    src: 'src',
    dist: 'dist',
    watch: [
        'src/**/*.md'
    ],
    before: (components, args, mode) => {
        console.log(`${components.length} Components`);
    },
    after: (components, args, mode) => {
        // Run after compilation
        // components = [
        //   {
        //     name,
        //     input,
        //     namespace,
        //     component
        //     examples: [
        //       { example, exampleInput },
        //       ...
        //     ]
        //   },
        //   ...
        // ]
        // mode = 'production' | 'development'
    },
    copy: [
        { from: 'src/styles.css', to: 'styles.css' },
    ]
    // Shorthand copy for the above
    // copy: [ 'src/styles.css' ]
});

Options

Option	Default	Description
port	3000	localhost port
src	src	Source folder for components, favicon.svg, and index.html
dist	dist	Distribution folder. Defaults to dist
watch	[]	Array of additional files to watch. Glob string format.
copy	[]	Copy over additional folders or files to the dist folder.
before	null	Run additional code after before every compilation.
after	null	Run additional code after every compilation.