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 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') const tinyComponentsWebpack = require('@tiny-components/webpack')

@ -11,7 +11,7 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
// merge options with defaults // merge options with defaults
const defaults = Object.assign({ const defaults = Object.assign({
destination: path.resolve(__dirname, 'public'), destination: path.resolve(process.cwd(), 'public'),
purge: { purge: {
src: path.join(__dirname, 'js') src: path.join(__dirname, 'js')
} }
@ -24,6 +24,10 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
filename: 'js/[name].js', filename: 'js/[name].js',
}, },
resolve: {
modules: ['node_modules'],
},
optimization: { optimization: {
removeEmptyChunks: true, removeEmptyChunks: true,
minimize: true, minimize: true,
@ -41,12 +45,21 @@ module.exports = function tinyComponentsWebpack(files, options = {}) {
module: { module: {
rules: [{ rules: [{
test: /\.scss$/, test: /\.(css|scss)$/,
use: [ use: [
MiniCssExtractPlugin.loader, MiniCssExtractPlugin.loader,
'css-loader', {
loader: 'css-loader',
options: { url: false }
},
'sass-loader' '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", "name": "@tiny-components/webpack",
"version": "0.2.0", "version": "0.3.0",
"description": "Webpack Wrapper", "description": "Webpack Wrapper",
"repository": { "repository": {
"type": "git", "type": "git",
@ -8,7 +8,7 @@
}, },
"author": "Björn Hase <me@herr-hase.wtf>", "author": "Björn Hase <me@herr-hase.wtf>",
"license": "MIT", "license": "MIT",
"devDependencies": { "dependencies": {
"css-loader": "^6.10.0", "css-loader": "^6.10.0",
"mini-css-extract-plugin": "^2.8.1", "mini-css-extract-plugin": "^2.8.1",
"purgecss-webpack-plugin": "^5.0.0", "purgecss-webpack-plugin": "^5.0.0",

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

Loading…
Cancel
Save