add-string-loader

build/webpack.base.conf.js

@@ -77,6 +77,10 @@ module.exports = {
           limit: 10,
           name: utils.assetsPath('css/[name].[hash:7].[ext]')
         }
+      },
+      {
+        test: /\.md$/,
+        loader: '../string-loader'
       }
     ]
   },

package.json

@@ -53,8 +53,10 @@
     "less-loader": "^2.2.3",
     "opn": "^4.0.2",
     "ora": "^0.3.0",
+    "raw-text-loader": "^0.1.1",
     "semver": "^5.3.0",
     "shelljs": "^0.7.4",
+    "string-loader": "^0.0.1",
     "url-loader": "^0.5.7",
     "vue-loader": "^10.0.0",
     "vue-style-loader": "^1.0.0",

src/App.vue

@@ -5,53 +5,13 @@
 
 <script>
 import editor from './components/MarkdownEditor'
-const code = '```'
-const slash = '/'
+const content = require('../README.md')
+console.log(content)
 export default {
   components: { editor },
   data () {
     return {
-      content:
-`
-# markdown-it-editor
-
-> A Vue.js 2.0 Markdown Rich Text Editor
-
-## install
-${code}node
-npm i markdown-it-editor -S
-${code}
-
-## Quick Start
-${code}html
-<template>
-<div id="app">
-  <markdown-editor v-model="content"></markdown-editor>
-</div>
-</template>
-
-<script>
-import MarkdownEditor from './components/MarkdownEditor'
-export default {
-  components: { MarkdownEditor },
-  data () {
-    return {
-      content: 'hello world'
-    }
-  }
-}
-<${slash}script>
-
-<style lang="css">
-#app{
-  margin: auto;
-  padding-top: 20px;
-  height: 80vh;
-  width: 80vw;
-}
-</style>
-${code}
-`
+      content: content
     }
   }
 }

string-loader/index.js

@@ -0,0 +1,3 @@
+module.exports = function(source) {
+  return 'module.exports = ' + JSON.stringify(source)
+}