anu-verzum 2.0.0 → 2.1.0

package/README.md

@@ -4,7 +4,7 @@
 
 <h3>@author: <strong>Anubis-programmer</strong></h3>
 <h3>@license: <strong>MIT</strong></h3>
-<h3>@version: <strong>2.0.0</strong></h3>
+<h3>@version: <strong>2.1.0</strong></h3>
 
 <br>
 
@@ -88,6 +88,17 @@ module.exports = require('anu-verzum/webpack.config')(__dirname, {
 });
 ```
 
+Use `rules` to append additional webpack module rules after the built-in `babel-loader` rule. This is how you wire up CSS, LESS, images, or any other asset type:
+
+```js
+module.exports = require('anu-verzum/webpack.config')(__dirname, {
+    rules: [
+        { test: /\.css$/, use: ['style-loader', 'css-loader'] },
+        { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] }
+    ]
+});
+```
+
 <h3 id="importing-in-your-files">Importing in your files</h3>
 
 Every file that contains JSX must import `Anu`, because the JSX transform expands to `Anu.createElement(...)` calls at compile time:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "A \"React-like\" UI library that supports JSX syntax, Redux-like state management, array-rendering, i18n, routing and many more.",
   "keywords": [
     "anu-verzum",

package/webpack.config.js

@@ -17,7 +17,8 @@ module.exports = (projectRoot, options = {}) => ({
                 test: /\.[jt]sx?$/,
                 exclude: /node_modules/,
                 use: 'babel-loader'
-            }
+            },
+            ...(options.rules ?? [])
         ]
     },
     resolve: {