add webpack + vue for test

andrewDDC · Jul 4, 2019 · 874d6d8 · 874d6d8
1 parent 3377ae8
commit 874d6d8
Show file tree

Hide file tree

Showing 5 changed files with 74 additions and 0 deletions.
diff --git a/test/webpack/index.dist.js b/test/webpack/index.dist.js
diff --git a/test/webpack/index.html b/test/webpack/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
+  <title>Test: Log</title>
+  <link href="../../example/lib/weui.min.css" rel="stylesheet"/>
+  <link href="../../example/lib/demo.css" rel="stylesheet"/>
+
+  <script src="../../example/lib/zepto.min.js"></script>
+  <script src="../../example/lib/zepto.touch.min.js"></script>
+
+</head>
+<body ontouchstart>
+  <div id="app">
+    {{ msg }}
+  </div>
+  <script src="./index.dist.js"></script>
+</body>
+</html>
diff --git a/test/webpack/index.js b/test/webpack/index.js
@@ -0,0 +1,16 @@
+import Vue from './vue.min.js'
+import VConsole from '../../dist/vconsole.min.js';
+
+new Vue({
+  el: '#app',
+  data() {
+    return {
+      msg: 'Hello vConsole for test.'
+    };
+  },
+  mounted() {
+    new VConsole();
+    console.log('Hello vConsole for test.');
+  }
+});
+
diff --git a/test/webpack/vue.min.js b/test/webpack/vue.min.js
diff --git a/test/webpack/webpack.config.js b/test/webpack/webpack.config.js
@@ -0,0 +1,24 @@
+var Path = require('path');
+var Webpack = require('webpack');
+
+module.exports = {
+  mode: 'production',
+  // devtool: false,
+  entry: {
+    index : Path.resolve(__dirname, './index.js')
+  },
+  output: {
+    path: Path.resolve(__dirname, './'),
+    filename: '[name].dist.js',
+  },
+  module: {
+    rules: [
+    ]
+  },
+  stats: {
+    colors: true,
+  },
+  plugins: [
+    new Webpack.SourceMapDevToolPlugin()
+  ]
+};