feat: add es build to work better with bundlers

.babelrc.js

@@ -1,8 +1,7 @@
 module.exports = {
-  plugins: [
-    '@babel/plugin-syntax-object-rest-spread',
-    ['module:fast-async', {
-      spec: true
+  presets: [
+    ['minimal', {
+      mode: 'loose'
     }]
   ]
 }

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 dist
+/lib

build/poi.lib.config.js

@@ -17,9 +17,6 @@ module.exports = {
   plugins: [
     {
       resolve: lib
-    },
-    {
-      resolve: require('./plugins/buble')
     }
   ],
   filenames: {

build/poi.website.config.js

@@ -26,10 +26,5 @@ module.exports = {
     __DOCUTE_VERSION__: JSON.stringify(pkg.version),
     __PRISM_VERSION__: JSON.stringify(require('prismjs/package').version),
     __DEPS__: JSON.stringify(Object.keys(pkg.dependencies))
-  },
-  plugins: [
-    {
-      resolve: require('./plugins/buble')
-    }
-  ]
+  }
 }

build/sfc.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  input: 'src',
+  outDir: 'lib',
+  include: '**',
+  constants: {
+    __DOCUTE_VERSION__: JSON.stringify(require('../package').version),
+    __PRISM_VERSION__: JSON.stringify(require('prismjs/package').version)
+  }
+}

package.json

@@ -2,7 +2,9 @@
   "name": "docute",
   "version": "0.0.0-managed-by-semantic-release",
   "scripts": {
-    "build": "poi build --config build/poi.lib.config.js --target lib",
+    "build:umd": "poi build --config build/poi.lib.config.js --target lib",
+    "build:es": "sfc normalize --config build/sfc.config.js",
+    "build": "npm run build:umd && npm run build:es",
     "test": "npm run lint && echo 'no tests!'",
     "lint": "xo",
     "website": "poi dev --config build/poi.website.config.js",
@@ -27,8 +29,7 @@
   "devDependencies": {
     "@babel/plugin-syntax-object-rest-spread": "^7.0.0",
     "@leptosia/docute-google-analytics": "^1.0.0",
-    "buble": "^0.19.3",
-    "buble-loader": "^0.5.1",
+    "babel-preset-minimal": "^0.1.1",
     "cz-conventional-changelog": "^2.1.0",
     "eslint-config-rem": "^3.0.0",
     "eslint-plugin-vue": "^5.0.0-beta.3",
@@ -39,6 +40,7 @@
     "postcss-import": "^12.0.0",
     "postcss-preset-env": "^6.0.3",
     "semantic-release": "^15.12.0",
+    "sfc": "^0.2.12",
     "webpack-node-externals": "^1.7.2",
     "xo": "^0.23.0"
   },
@@ -47,8 +49,10 @@
     "type": "git"
   },
   "main": "dist/docute.js",
+  "module": "lib/index.js",
   "files": [
-    "dist"
+    "dist",
+    "lib"
   ],
   "description": "Effortlessly documentation done right.",
   "author": "egoist <[email protected]>",

website/docs/guide/use-with-bundlers.md

@@ -0,0 +1,32 @@
+# Use With Bundlers
+
+You don't have to use a bundler in order to use Docute, however if you want, you can!
+
+First you need to install Docute as a dependency in your project:
+
+```bash
+yarn add docute --dev
+```
+
+Then see below for the usage with your bundler of choice.
+
+## Webpack
+
+In your entry file:
+
+```js
+import Docute from 'docute'
+
+new Docute({
+  target: '#app',
+  // Other options
+})
+```
+
+You may need to use [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin) to generate an HTML file too.
+
+If you're using [Vue CLI](https://cli.vuejs.org) or [Poi](https://poi.js.org), congratulations, there's no more build configs needed.
+
+## Parcel
+
+[TODO] [PR WELCOME]

website/docs/zh/guide/use-with-bundlers.md

@@ -0,0 +1,32 @@
+# Use With Bundlers
+
+You don't have to use a bundler in order to use Docute, however if you want, you can!
+
+First you need to install Docute as a dependency in your project:
+
+```bash
+yarn add docute --dev
+```
+
+Then see below for the usage with your bundler of choice.
+
+## Webpack
+
+In your entry file:
+
+```js
+import Docute from 'docute'
+
+new Docute({
+  target: '#app',
+  // Other options
+})
+```
+
+You may need to use [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin) to generate an HTML file too.
+
+If you're using [Vue CLI](https://cli.vuejs.org) or [Poi](https://poi.js.org), congratulations, there's no more build configs needed.
+
+## Parcel
+
+[TODO] [PR WELCOME]

website/index.js

@@ -69,6 +69,15 @@ new Docute({
         }
       ]
     },
+    {
+      title: 'Advanced',
+      links: [
+        {
+          title: 'Use With Bundlers',
+          link: '/guide/use-with-bundlers'
+        }
+      ]
+    },
     {
       title: 'References',
       links: [
@@ -143,6 +152,15 @@ new Docute({
             }
           ]
         },
+        {
+          title: '进阶',
+          links: [
+            {
+              title: '使用打包工具',
+              link: '/zh/guide/use-with-bundlers'
+            }
+          ]
+        },
         {
           title: '参考',
           links: [