# install dependencies
npm install

# serve with hot reload at localhost:8088
npm run dev

# build for production with minification
npm run build

  webpack
   |---build
   |---config
   |---dist 
   |---route 路由
   |---src
    |---api axios請求
    |---assets 資源
    |---common 公共js資源目錄
    |---components組件
    |---modules各個模塊
     |---index  index模塊
      |---views 組件
      |---index.html
      |---index.js
      |---index.vue
     |---phone    phone模塊
      |---phone.html
      |---phone.js
      |---phone.vue
      |---phone 組件

modules
 |---index
  |---index.html
  |---index.js

//獲取多級的入口文件
exports.getMultiEntry = function (globPath) {
 var entries = {},
  basename, tmp, pathname;

 glob.sync(globPath).forEach(function (entry) {
  basename = path.basename(entry, path.extname(entry));
  tmp = entry.split('/').splice(-4);

 var pathsrc = tmp[0]+'/'+tmp[1];
 if( tmp[0] == 'src' ){
  pathsrc = tmp[1];
 }
 //console.log(pathsrc)
  pathname = pathsrc + '/' + basename; // 正確輸出js和html的路徑
  entries[pathname] = entry;
  //console.log(pathname+'-----------'+entry);
 });

 return entries;
}

entry:entries,

var pages = utils.getMultiEntry('./src/'+config.moduleName+'/**/*.html');
for (var pathname in pages) {
 // 配置生成的html文件，定義路徑等
 var conf = {
  filename: pathname + '.html',
  template: pages[pathname], // 模板路徑
  chunks: [pathname, 'vendors', 'manifest'], // 每個html引用的js模塊
  inject: true       // js插入位置
 };
 // 需要生成幾個html文件，就配置幾個HtmlWebpackPlugin對象
 module.exports.plugins.push(new HtmlWebpackPlugin(conf));
}

  ...

//構建生成多頁面的HtmlWebpackPlugin配置，主要是循環(huán)生成
var pages = utils.getMultiEntry('./src/'+config.moduleName+'/**/*.html');
for (var pathname in pages) {
 var conf = {
  filename: pathname + '.html',
  template: pages[pathname], // 模板路徑
  chunks: ['vendor',pathname], // 每個html引用的js模塊
  inject: true,       // js插入位置
 hash:true
 };

 webpackConfig.plugins.push(new HtmlWebpackPlugin(conf));
}
module.exports = webpackConfig