Vue-cli 配置多页面应用,如何修改输出路径,https://locahost:80/module/index.html

autozerolee
  • 276
回复
阅读 7k
4 个回答

这个答案还是 通过自己编写的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;
}

./config/webpack.base文件里面可修改。

HtmlWebpackPlugin filename中配置

config/index.js
build: {assetsPublicPath: '/'}
改成build: {assetsPublicPath: './'}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏