Webpack

Small Wrapper Function for using Webpack. These Function is only Build to using,

const tinyComponentsWebpack = require('@tiny-components/webpack')

module.exports = tinyComponentsWebpack({
    critical: [ './resources/js/index.js' ],
    styles: [ './resources/scss/styles.scss' ],
})

const tinyComponentsWebpack = require('@tiny-components/webpack')

module.exports = tinyComponentsWebpack({
    critical: [ './resources/js/critical.js' ], 
    styles: [ './resources/scss/styles.scss' ],
}, {
    svg: {
        src: [ 
            './resources/icons/*.svg'
        ]
    }
})

Plugin: Riot.js

For using Riot.js, install compiler and webpack-loader

npm install @riotjs/compiler @riotjs/webpack-loader --save-dev

And adding a rule for Riot.js,

const tinyComponentsWebpack = require('@tiny-components/webpack')
const riotPlugin = require('@tiny-components/webpack/rules/riot')

module.exports = tinyComponentsWebpack({
    critical: [ './resources/js/critical.js' ], 
    styles: [ './resources/scss/styles.scss' ],
}, {
    rules: [ riotRules ]
})