You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
# 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 ]
|
|
})
|
|
```
|