optimize project structure

AshitaKaze · Oct 28, 2016 · 4df4ea1 · 4df4ea1
1 parent 5b7fe51
commit 4df4ea1
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 47 deletions.
diff --git a/.gitignore b/.gitignore
@@ -15,4 +15,4 @@ npm-debug.log
 *.swp
 *.swo
 *.log
-test/dist
+test/dist/
diff --git a/build/webpack.config.js b/build/webpack.config.js
@@ -15,7 +15,7 @@ module.exports = {
     },
     // 输出
     output: {
-        path: path.join(__dirname, '.././test/dist'),
+        path: path.join(__dirname, '../test/dist'),
         publicPath: '/test/dist/',
         filename: '[name].js',
         chunkFilename: '[name].chunk.js'
@@ -38,7 +38,7 @@ module.exports = {
                 "style-loader",
                 "css-loader?sourceMap",
                 {
-                    publicPath: "../test/dist/"
+                    publicPath: "/test/dist/"
                 }
             ),
             less: ExtractTextPlugin.extract(
@@ -64,9 +64,9 @@ module.exports = {
         new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }),             // 提取CSS
         new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),                           // 提取第三方库
         new HtmlWebpackPlugin({                                                                     // 构建html文件
-            filename: '../../test/index.html',
-            template: './test/template/index.html',
+            filename: 'index.html',
+            template: './test/index.html',
             inject: 'body'
         })
     ]
-};
+};
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
   "main": "src/index.js",
   "scripts": {
     "init": "webpack --progress --config build/webpack.config.js",
-    "dev": "webpack-dev-server --content-base test --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.config.js",
+    "dev": "webpack-dev-server --content-base test/dist/ --open --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.config.js",
     "build": "gulp --gulpfile build/build-style.js"
   },
   "repository": {

diff --git a/test/components/app.vue → test/app.vue b/test/components/app.vue → test/app.vue
@@ -1,6 +1,6 @@
 <style lang="less">
-    @import "../../src/styles/index.less";
-    @import "../../src/styles/package.less";
+    @import "../src/styles/index.less";
+    @import "../src/styles/package.less";
 </style>
 <template>
     <div>
@@ -15,13 +15,13 @@
             }
         },
         ready: function() {
-            
+
         },
         beforeDestroy: function() {
 
         },
         methods: {
-            
+
         }
     }
 </script>
diff --git a/test/index.html b/test/index.html
@@ -2,9 +2,9 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <title>Webpack App</title>
-<link href="/test/dist/main.css" rel="stylesheet"></head>
+    <title>iView test page</title>
+</head>
 <body>
     <div id="app"></div>
-<script type="text/javascript" src="/test/dist/vendors.js"></script><script type="text/javascript" src="/test/dist/main.js"></script></body>
-</html> 
+</body>
+</html>
diff --git a/test/main.js b/test/main.js
@@ -3,7 +3,7 @@
  */
 import Vue from 'vue';
 import VueRouter from 'vue-router';
-import App from './components/app.vue';
+import App from './app.vue';
 
 Vue.use(VueRouter);
 
@@ -79,4 +79,4 @@ router.afterEach(function (transition) {
 router.redirect({
     '*': "/index"
 });
-router.start(App, '#app');
+router.start(App, '#app');
diff --git a/test/src/index.html b/test/src/index.html
diff --git a/test/template/index.html b/test/template/index.html
diff --git a/test/test/index.html b/test/test/index.html
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,4 +15,4 @@ npm-debug.log @@
     *.swp
     *.swo
     *.log
-    test/dist
+    test/dist/