addresses #27

- added clean-html to beautify html content before write
- added .nvmrc

Author: Vishal0203

.nvmrc

@@ -0,0 +1,2 @@
+lts/erbium
+

README.md

@@ -48,8 +48,30 @@ module.exports = {
 ```
 <br/>
 
->**Important - Make sure that the partials to be included are not in the same path as the `source` configuration. For the above sample, your partials must not be in `./src/templates`.\
-Refer issue - https://github.com/Vishal0203/file-include-webpack-plugin/issues/18#issuecomment-635701581**
+>**Important** - Make sure that the partials to be included are not in the same path as the `source` configuration. For the above sample, your partials must not be in `./src/templates`.\
+Refer issue - https://github.com/Vishal0203/file-include-webpack-plugin/issues/18#issuecomment-635701581
+
+#### How to pass custom html cleaner options
+
+This plugin uses [clean-html](https://www.npmjs.com/package/clean-html) for html beautification.
+
+Use the config `cleanerOptions` to pass custom cleaning / beautifier options. Refer to the package `clean-html` to know more about the possible options.
+
+Example config -
+```javascript
+module.exports = {
+  plugins: [
+    new FileIncludeWebpackPlugin(
+      {
+        source: './src/templates',
+        cleanerOptions: {
+          'add-break-around-tags': ['span']
+        }
+      },
+    )
+  ]
+}
+```
 
 
 #### How to change the output destination?

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "file-include-webpack-plugin",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "replace @@include partials with content",
   "main": "src/index.js",
   "scripts": {
@@ -18,6 +18,7 @@
     "node": ">=6.11.5"
   },
   "dependencies": {
+    "clean-html": "^1.5.0",
     "fs": "0.0.1-security",
     "path": "^0.12.7"
   },

package.json

@@ -1,13 +1,23 @@
 const path = require('path')
 const fs = require('fs')
+const cleaner = require('clean-html')
 const utils = require('./utils')
 
+const htmlCleanerOpts = {
+  'add-break-around-tags': ['li', 'ul']
+}
+
 class FileIncludeWebpackPlugin {
   constructor(config) {
-    this.source = config.source // source from the context
+    // source from the context
+    this.source = config.source
     this.replace = config.replace
     this.destination = config.destination
     this.context = null
+    this.cleanerOptions = {
+      ...htmlCleanerOpts,
+      ...(config.cleanerOptions || {}),
+    }
 
     // handlers
     this.process = this.process.bind(this)
@@ -53,16 +63,18 @@ class FileIncludeWebpackPlugin {
 
     utils.logger.info(`Working on ${files.length} .html files`)
 
-    files.forEach(file => {
+    for (const file of files) {
       const sourcePath = path.join(this.context, file)
       const destinationPath = this.destination ? path.join(this.destination, file) : file
       const content = this.processFile(compilation, this.context, sourcePath)
 
-      compilation.assets[destinationPath] = {
-        source: () => content,
-        size: () => content.length
-      }
-    })
+      cleaner.clean(content, this.cleanerOptions, cleanHtml => {
+        compilation.assets[destinationPath] = {
+          source: () => cleanHtml,
+          size: () => cleanHtml.length
+        }
+      })
+    }
 
     callback()
   }