optimize project structure

jingsam
1 parent 5b7fe515
Showing 9 changed files with 17 additions and 47 deletions Show diff stats
.gitignore
build/webpack.config.js
package.json
test/components/app.vue → test/app.vue
test/index.html
test/main.js
test/src/index.html
test/template/index.html
test/test/index.html
@@ -15,4 +15,4 @@ npm-debug.log
 *.swp
 *.swo
 *.log
-test/dist
 \ No newline at end of file
+test/dist/
@@ -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'
         })
     ]
-};
 \ No newline at end of file
+};
@@ -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": {
 <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>
@@ -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> 
 \ No newline at end of file
+</body>
+</html>
@@ -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');
 \ No newline at end of file
+router.start(App, '#app');
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <title>Webpack App</title>
-<link href="/test/dist/main.css" rel="stylesheet"></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> 
 \ No newline at end of file
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <title>Webpack App</title>
-</head>
-<body>
-    <div id="app"></div>
-</body>
-</html> 
 \ No newline at end of file
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <title>Webpack App</title>
-<link href="/test/dist/main.css" rel="stylesheet"></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> 
 \ No newline at end of file