Compare commits

...

3 Commits
v0.2.0 ... main

@ -26,15 +26,15 @@ module.exports = tinyComponentsWebpack({
})
```
## Plugin: RiotJS
## Plugin: Riot.js
For using RiotJS, install compiler and webpack-loader
For using Riot.js, install compiler and webpack-loader
```
npm install @riotjs/compiler @riotjs/webpack-loader --save-dev
```
And adding a rule for RiotJS,
And adding a rule for Riot.js,
```
const tinyComponentsWebpack = require('@tiny-components/webpack')

@ -11,7 +11,7 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
// merge options with defaults
const defaults = Object.assign({
destination: path.resolve(__dirname, 'public'),
destination: path.resolve(process.cwd(), 'public'),
purge: {
src: path.join(__dirname, 'js')
}
@ -24,6 +24,10 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
filename: 'js/[name].js',
},
resolve: {
modules: ['node_modules'],
},
optimization: {
removeEmptyChunks: true,
minimize: true,
@ -41,12 +45,21 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
module: {
rules: [{
test: /\.scss$/,
test: /\.(css|scss)$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'css-loader',
options: { url: false }
},
'sass-loader'
]
},{
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
type: 'asset/resource',
generator: {
filename: "fonts/[name].[ext]",
}
}]
},

@ -1,6 +1,6 @@
{
"name": "@tiny-components/webpack",
"version": "0.2.0",
"version": "0.3.0",
"description": "Webpack Wrapper",
"repository": {
"type": "git",
@ -8,7 +8,7 @@
},
"author": "Björn Hase <me@herr-hase.wtf>",
"license": "MIT",
"devDependencies": {
"dependencies": {
"css-loader": "^6.10.0",
"mini-css-extract-plugin": "^2.8.1",
"purgecss-webpack-plugin": "^5.0.0",

@ -1,4 +1,6 @@
/**
* riot.js
*
* npm install @riotjs/compiler @riotjs/webpack-loader --save-dev
*
*/

Loading…
Cancel
Save