Update README.md

runjuu · runjuu · commit 2e9b800acbff · 2018-10-21T13:51:29.000+08:00
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@ Require [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-ex
 ## Install
 #### NPM
 ```bash
-npm install html-inline-css-webpack-plugin -D
+npm i html-inline-css-webpack-plugin -D
 ```
 #### Yarn
 ```bash
@@ -50,18 +50,74 @@ module.exports = {
 ```typescript
 interface Config {
   filter?(fileName: string): boolean
+  replace?: {
+    target: string
+    position?: 'before' | 'after'
+    removeTarget?: boolean
+  }
 }
 ```
 
 ### filter(optional)
+```typescript
+filter?(fileName: string): boolean
+```
 Return `true` to make current file internal, otherwise ignore current file.
 ##### example
 ```typescript
 ...
-    new HTMLInlineCSSWebpackPlugin({
-      filter(fileName) {
-        return fileName.includes('main');
-      },
-    }),
+  new HTMLInlineCSSWebpackPlugin({
+    filter(fileName) {
+      return fileName.includes('main');
+    },
+  }),
 ...
 ```
+
+### replace(optional)
+```typescript
+replace?: {
+  target: string
+  position?: 'before' | 'after' // default is 'before'
+  removeTarget?: boolean // default is false
+}
+```
+A config for customizing the location of injection, default will add internal style sheet before the `</head>`
+#### target
+A target for adding the internal style sheet
+#### position(optional)
+Add internal style sheet `before`/`after` the `target`
+#### removeTarget(optional)
+if `true`, it will remove the `target` from the output HTML
+
+##### example
+```html
+<head>
+    <!-- inline_css_plugin -->
+    <style>
+        /* some hard code style */
+    </style>
+</head>
+```
+
+```typescript
+...
+  new HTMLInlineCSSWebpackPlugin({
+    replace: {
+      removeTarget: true,
+      target: '<!-- inline_css_plugin -->',
+    },
+  }),
+...
+```
+###### output:
+```html
+<head>
+    <style>
+        /* style from *.css files */
+    </style>
+    <style>
+        /* some hard code style */
+    </style>
+</head>
+```
