当我们安装好vue-cli完整的项目以后,我们开始对它进行改造,此处参考了简书某个作者的,附上原文链接 http://www.jianshu.com/p/43697bdee974以及此文例子地址https://github.com/qianyinghuanmie/vue-cli-

1 先安装glob模块 npm install glob --save-dev;

Android培训,安卓培训,手机开发培训,移动开发培训,云培训培训

 

2 安装完毕在bulid文件夹找到utils.js文件修改,修改内容如下:

Android培训,安卓培训,手机开发培训,移动开发培训,云培训培训

var glob = require('glob'); //新增var HtmlWebpackPlugin = require('html-webpack-plugin') //新增/*用于多页面的模板*/exports.getEntries = function (globPath) {  var entries = {}  /**
   * 读取src目录,并进行路径裁剪   */
  glob.sync(globPath).forEach(function (entry) {    /**
     * path.basename 提取出用 ‘/' 隔开的path的最后一部分,除第一个参数外其余是需要过滤的字符串
     * path.extname 获取文件后缀     */
    var basename = path.basename(entry, path.extname(entry), 'router.js') // 过滤router.js
    // ***************begin***************
    // 当然, 你也可以加上模块名称, 即输出如下: { module/main: './src/module/index/main.js', module/test: './src/module/test/test.js' }
    // 最终编译输出的文件也在module目录下, 访问路径