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

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

https://img3.mukewang.com/5bfe070b0001a2d301700287.jpg

侃侃尔雅
浏览 1505回答 1
1回答

ibeautiful

这个答案还是 通过自己编写的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;}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript