update the weexpack-create

weexteam · Nov 17, 2017 · ee820f3 · ee820f3
1 parent 4197bc9
commit ee820f3
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "weexpack-create",
-  "version": "0.1.10-beta6",
+  "version": "0.1.10-beta7",
   "description": "weexpack create module. Creates new project from default or template",
   "main": "bin/index.js",
   "repository": {

diff --git a/templates/web/index.dev.html b/templates/web/index.dev.html
@@ -9,7 +9,23 @@
   <meta name="apple-touch-fullscreen" content="yes">
   <meta name="format-detection" content="telephone=no, email=no">
   <!-- <style>body > div { height: 100%; }</style> -->
-  <style>body::before { content: "1"; height: 1px; overflow: hidden; color: transparent; display: block; }</style>
+  <style>
+    html, body {
+      -ms-overflow-style: scrollbar;
+      -webkit-tap-highlight-color: transparent;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+      height: 100%;
+    }
+    body::before {
+      content: "1";
+      height: 1px;
+      overflow: hidden;
+      color: transparent;
+      display: block;
+    }
+  </style>
   <script src="../node_modules/vue/dist/vue.runtime.js"></script>
   <script src="../node_modules/weex-vue-render/dist/index.js"></script>
 </head>

diff --git a/templates/web/index.html b/templates/web/index.html
@@ -9,7 +9,23 @@
   <meta name="apple-touch-fullscreen" content="yes">
   <meta name="format-detection" content="telephone=no, email=no">
   <!-- <style>body > div { height: 100%; }</style> -->
-  <style>body::before { content: "1"; height: 1px; overflow: hidden; color: transparent; display: block; }</style>
+  <style>
+    html, body {
+      -ms-overflow-style: scrollbar;
+      -webkit-tap-highlight-color: transparent;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+      height: 100%;
+    }
+    body::before {
+      content: "1";
+      height: 1px;
+      overflow: hidden;
+      color: transparent;
+      display: block;
+    }
+  </style>
   <script src="../node_modules/vue/dist/vue.runtime.js"></script>
   <script src="../node_modules/weex-vue-render/dist/index.js"></script>
 </head>

diff --git a/templates/webpack.config.js b/templates/webpack.config.js
@@ -111,7 +111,17 @@ const webConfig = {
     }, {
       test: /\.vue(\?[^?]+)?$/,
       use: [{
-        loader: 'vue-loader'
+        loader: 'vue-loader',
+        options: {
+          compilerModules: [
+            {
+              postTransformNode: el => {
+                el.staticStyle = `$processStyle(${el.staticStyle})`
+                el.styleBinding = `$processStyle(${el.styleBinding})`
+              }
+            }
+          ]
+        }
       }]
     }]
   },