[change] optimize the webapack config

[change] rename test to examples

build/webpack.base.config.js

@@ -0,0 +1,60 @@
+/**
+ * 公共配置
+ */
+var webpack = require('webpack');
+
+module.exports = {
+    // 加载器
+    module: {
+        // https://doc.webpack-china.org/guides/migrating/#module-loaders-module-rules
+        rules: [
+            {
+                // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+                test: /\.vue$/,
+                loader: 'vue-loader',
+                options: {
+                    loaders: {
+                        css: 'vue-style-loader!css-loader',
+                        less: 'vue-style-loader!css-loader!less-loader'
+                    },
+                    postLoaders: {
+                        html: 'babel-loader'
+                    }
+                }
+            },
+            {
+                test: /\.js$/,
+                loader: 'babel-loader', exclude: /node_modules/
+            },
+            {
+                test: /\.css$/,
+                use: [
+                    'style-loader',
+                    'css-loader',
+                    'autoprefixer-loader'
+                ]
+            },
+            {
+                test: /\.less$/,
+                use: [
+                    'style-loader',
+                    'css-loader',
+                    'less-loader'
+                ]
+            },
+            {
+                test: /\.scss$/,
+                use: [
+                    'style-loader',
+                    'css-loader',
+                    'sass-loader?sourceMap'
+                ]
+            },
+            { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
+            { test: /\.(html|tpl)$/, loader: 'html-loader' }
+        ]
+    },
+    resolve: {
+        extensions: ['.js', '.vue']
+    }
+};

build/webpack.dev.config.js

@@ -6,109 +6,35 @@ var path = require('path');
 var webpack = require('webpack');
 // var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
+var merge = require('webpack-merge')
+var webpackBaseConfig = require('./webpack.base.config.js');
 
-module.exports = {
+
+module.exports = merge(webpackBaseConfig, {
     // 入口
     entry: {
-        main: './test/main',
+        main: './examples/main',
         vendors: ['vue', 'vue-router']
     },
     // 输出
     output: {
-        path: path.join(__dirname, '../test/dist'),
+        path: path.join(__dirname, '../examples/dist'),
         publicPath: '',
         filename: '[name].js',
         chunkFilename: '[name].chunk.js'
     },
-    // 加载器
-    module: {
-        // https://doc.webpack-china.org/guides/migrating/#module-loaders-module-rules
-        rules: [
-            {
-                // https://vue-loader.vuejs.org/en/configurations/extract-css.html
-                test: /\.vue$/,
-                loader: 'vue-loader',
-                options: {
-                    loaders: {
-                        css: 'vue-style-loader!css-loader',
-                        less: 'vue-style-loader!css-loader!less-loader'
-                    },
-                    postLoaders: {
-                        html: 'babel-loader'
-                    }
-                }
-            },
-            // { test: /\.vue$/, loader: 'vue' },
-            // Module build failed: Error: The node API for `babel` has been moved to `babel-core`.
-            // https://github.com/babel/babel-loader/blob/master/README.md#the-node-api-for-babel-has-been-moved-to-babel-core
-            {
-                test: /\.js$/,
-                loader: 'babel-loader', exclude: /node_modules/
-            },
-            {
-                test: /\.css$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'autoprefixer-loader'
-                ]
-            },
-            {
-                test: /\.less$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'less-loader'
-                ]
-                // loader: 'style!css!less'
-            },
-            {
-                test: /\.scss$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'sass-loader?sourceMap'
-                ]
-                // loader: 'style!css!sass?sourceMap'
-            },
-            { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
-            { test: /\.(html|tpl)$/, loader: 'html-loader' }
-        ]
-    },
-    // vue: {
-    //     loaders: {
-    //         css: ExtractTextPlugin.extract(
-    //             "style-loader",
-    //             "css-loader?sourceMap",
-    //             {
-    //                 publicPath: "/test/dist/"
-    //             }
-    //         ),
-    //         less: ExtractTextPlugin.extract(
-    //             'vue-style-loader',
-    //             'css-loader!less-loader'
-    //         ),
-    //         js: 'babel'
-    //     }
-    // },
     resolve: {
-        // require时省略的扩展名，如：require('module') 不需要module.js
-        extensions: ['.js', '.vue'],
         alias: {
             iview: '../../src/index',
             vue: 'vue/dist/vue.js'
         }
     },
     plugins: [
-        // new ExtractTextPlugin({ filename: '[name].css', disable: false, allChunks: true }),
-        // new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }),             // 提取CSS
-        // https://doc.webpack-china.org/plugins/commons-chunk-plugin/
         new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.bundle.js' }),
         new HtmlWebpackPlugin({
             inject: true,
-            filename: path.join(__dirname, '../test/dist/index.html'),
+            filename: path.join(__dirname, '../examples/dist/index.html'),
-            template: path.join(__dirname, '../test/index.html') // 模版文件
+            template: path.join(__dirname, '../examples/index.html')
         })
-        // new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),                           // 提取第三方库
     ]
-};
+});

build/webpack.dist.dev.config.js

@@ -1,7 +1,9 @@
 var path = require('path');
 var webpack = require('webpack');
+var merge = require('webpack-merge')
+var webpackBaseConfig = require('./webpack.base.config.js');
 
-module.exports = {
+module.exports = merge(webpackBaseConfig, {
     entry: {
         main: './src/index.js'
     },
@@ -21,26 +23,6 @@ module.exports = {
             amd: 'vue'
         }
     },
-    resolve: {
-        extensions: ['.js', '.vue']
-    },
-    module: {
-        rules: [
-            {
-                test: /\.vue$/,
-                loader: 'vue-loader',
-                options: {
-                    postLoaders: {
-                        html: 'babel-loader'
-                    }
-                }
-            },
-            {
-                test: /\.js$/,
-                loader: 'babel-loader', exclude: /node_modules/
-            }
-        ]
-    },
     plugins: [
         new webpack.DefinePlugin({
             'process.env': {
@@ -48,4 +30,4 @@ module.exports = {
             }
         })
     ]
-}
+});

build/webpack.dist.prod.config.js

@@ -1,7 +1,11 @@
 var path = require('path');
 var webpack = require('webpack');
+var merge = require('webpack-merge')
+var webpackBaseConfig = require('./webpack.base.config.js');
 
-module.exports = {
+
+
+module.exports = merge(webpackBaseConfig, {
     entry: {
         main: './src/index.js'
     },
@@ -21,26 +25,6 @@ module.exports = {
             amd: 'vue'
         }
     },
-    resolve: {
-        extensions: ['.js', '.vue']
-    },
-    module: {
-        rules: [
-            {
-                test: /\.vue$/,
-                loader: 'vue-loader',
-                options: {
-                    postLoaders: {
-                        html: 'babel-loader'
-                    }
-                }
-            },
-            {
-                test: /\.js$/,
-                loader: 'babel-loader', exclude: /node_modules/
-            }
-        ]
-    },
     plugins: [
         new webpack.DefinePlugin({
             'process.env': {
@@ -53,4 +37,4 @@ module.exports = {
             }
         })
     ]
-}
+});

package.json

@@ -78,6 +78,7 @@
     "vue-style-loader": "^1.0.0",
     "vue-template-compiler": "^2.2.1",
     "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.4.1"
+    "webpack-dev-server": "^2.4.1",
+    "webpack-merge": "^3.0.0"
   }
 }