Vue-cli 配置多页面应用，如何修改输出路径

Question

自己网上查阅修改的vue-cli 搭建多页面应用，配置之后的目录路径为http://localhost:8080/module/... build 如何修改webpack配置 是最后npm run build之后目录路径为http://localhost:8080/login.html 如下项目目录 

Answer 1

这个答案还是 通过自己编写的getEntries()函数进行修改就可以 众多博客中多页面配置 都是在webpack.base.conf.js prod.conf.js dev.conf.js 中编写了一个getEntries()函数 可以将这个函数放在/build/utils.js 中 在配置文件引用即可 pathname 是‘module/[你的文件名]’如‘module/login’ 最终输出只要在输出basename 即文件名就可以 login 这样在开发环境可以不用在url使用http://localhost:8080/login.html来访问 生产环境/dist目录下也不会有module文件夹

exports.getEntries = function(_path) {

  var entries = {};

  glob.sync(_path).forEach(function(entry) {

    var basename = path.basename(entry, path.extname(entry));

    var pathname = entry.split('/').splice(-3).splice(0, 1) +'/'+ basename;

    entries[basename] = entry;

  });

  return entries;

}