[add][iframe-test]

src/iframe/test.js

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from '../view/test.vue'
+
+createApp(App).mount('#app')

src/view/test.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="main_app">
+    <h1>Hello {{msg}}</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'optionsView',
+  data () {
+    return {
+      msg: 'options'
+    }
+  }
+}
+
+</script>
+
+<style>
+.main_app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

vue.config.js

@@ -11,6 +11,8 @@ function getEntryFile (entryPath) {
 
 const chromeName = getEntryFile(path.resolve(`src/entry`))
 
+const iframeName = getEntryFile(path.resolve(`src/iframe`))
+
 function getFileExtension (filename) {
   return /[.]/.exec(filename) ? /[^.]+$/.exec(filename)[0] : undefined
 }
@@ -24,6 +26,16 @@ chromeName.forEach((name) => {
   }
 })
 
+iframeName.forEach((name) => {
+  const fileExtension = getFileExtension(name)
+  const fileName = name.replace('.' + fileExtension, '')
+  pages[fileName] = {
+    entry: `src/iframe/${name}`,
+    template: 'public/index.html',
+    filename: `iframe/${fileName}.html`
+  }
+})
+
 const isDevMode = process.env.NODE_ENV === 'development'
 
 module.exports = {