基于vue-cli的改造的多页面开发脚手架

vue-cli-multipage
  |---build
  |---config
  |---src
    |---assets  图片
    |---comm  公共的css及js
    |---components  组件
      |---vux.vue vux的dome页面
      |---App.vue
    |---pages  html模板文件
      |---abc.html
      |---main.html
    |---abc.js  根据该js进行页面的打包及调试
    |---main.js 

//webpack.prod.conf.js
var fileList = glob.sync('./src/*.js');
var fileNameList = [];
fileList.forEach(function (item, index) {
    var name = item.match(/(\/)(\w+)(\.)/g)[0].substring(1, item.match(/(\/)(\w+)(\.)/g)[0].length - 1);
    fileNameList.push(name);
})
var obj = {};
fileList.forEach(function (item, index) {
    var filename = fileNameList[index];
    configObj.entry[filename] = item;
    configObj.plugins.push(new HtmlWebpackPlugin({
        template: './src/pages/' +filename + '.html',
        filename: filename + '.html',
        inject: true,
        minify: {
            removeComments: true,
            collapseWhitespace: true,
            removeAttributeQuotes: true
        },
        chunksSortMode: 'dependency',
        chunks: ['manifest', 'vendor', filename]
    }))
})

//webpack.dev.conf.js
var fileList = glob.sync('./src/*.js');
  var fileNameList = [];
  fileList.forEach(function (item, index) {
      var name = item.match(/(\/)(\w+)(\.)/g)[0].substring(1, item.match(/(\/)(\w+)(\.)/g)[0].length - 1);
      fileNameList.push(name);
  })
  var obj = {};
  fileList.forEach(function (item, index) {
      var filename = fileNameList[index];
      configObj.entry[filename] = item;
      configObj.plugins.push(new HtmlWebpackPlugin({
          template: './src/pages/' + filename + '.html',
          filename: filename + '.html',
          inject: true,
          chunks: [filename]
      }))
  })

new CleanWebpackPlugin(['dist'], {
    root: path.resolve(__dirname, '../'),
}),