chore: move development template into scripts

PeachScript · PeachScript · commit 5096946a27f9 · 2018-10-26T10:46:49.000+08:00
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
@@ -91,5 +91,3 @@ There are some other scripts available in the `scripts` section of the `package.
   - **`styles`**: contains code for styles of different spinners, they are written with [Less](http://lesscss.org/).
 
 - **`types`**: contains TypeScript type definitions
-
-- **`example`**: contains basic example for development.
diff --git a/scripts/dev_template.js b/scripts/dev_template.js
@@ -1,16 +1,17 @@
+module.exports = `
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, initial-scale=1, user-scalable=no, shrink-to-fit=no">
-  <title>Vue-infinite-loading Simple</title>
+  <title>Vue-infinite-loading Testing</title>
   <script src="../node_modules/vue/dist/vue.js"></script>
   <script src="../vue-infinite-loading.js"></script>
   <style>
     body{
       margin: 0;
     }
-    .example-list-item{
+    .item{
       margin: 0;
       padding: 0 10px;
       font-size: 14px;
@@ -20,26 +21,25 @@
       border-top: 1px solid #fff;
       border-bottom: 1px solid #e3e3e3;
     }
-    .example-list-item::before{
+    .item::before{
       content: 'Line: ';
     }
   </style>
 </head>
 <body>
   <div id="app">
-    <p class="example-list-item" v-for="item in list" v-text="item"></p>
-    <infinite-loading @infinite="infiniteHandler" :distance="distance" ref="infiniteLoading"></infinite-loading>
+    <p class="item" v-for="item in list" :key="item" v-text="item"></p>
+    <infinite-loading @infinite="infiniteHandler"></infinite-loading>
   </div>
   <script>
     new Vue({
       el: '#app',
       data: {
-        distance: 100,
         list: []
       },
       methods: {
         infiniteHandler: function ($state) {
-          if (this.list.length > 200) {
+          if (this.list.length > 100) {
             $state.complete();
           } else {
             setTimeout(function () {
@@ -58,3 +58,4 @@
   </script>
 </body>
 </html>
+`;
diff --git a/scripts/webpack.config.js b/scripts/webpack.config.js
@@ -94,7 +94,7 @@ if (process.env.NODE_ENV === 'production') {
   // development configurations
   module.exports.plugins.push(new HtmlWebpackPlugin({
     filename: 'index.html',
-    template: './example/index.html',
+    template: './scripts/dev_template.js',
     inject: false
   }));
 }

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ if (process.env.NODE_ENV === 'production') {`
`94`	`94`	`// development configurations`
`95`	`95`	`module.exports.plugins.push(new HtmlWebpackPlugin({`
`96`	`96`	`filename: 'index.html',`
`97`		`- template: './example/index.html',`
	`97`	`+ template: './scripts/dev_template.js',`
`98`	`98`	`inject: false`
`99`	`99`	`}));`
`100`	`100`	`}`