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. |