配置vue多页

Posted dasianer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了配置vue多页相关的知识,希望对你有一定的参考价值。

这里我主要是记录下自己的配置步骤:

1、配置config/index.js

  技术分享图片

  主要是配置最终build出来的文件名称

2、配置build/webpack.base.conf.js

  技术分享图片

  主要是配置入口函数及对应输出文件

3、配置build/webpack.dev.conf.js

  技术分享图片

  主要是配置各个页面对应的路由、模板及引用的js文件

4、配置build/webpack.prod.conf.js

  技术分享图片

  同webpack.dev.conf.js一样,主要是配置路由、文件及依赖。

demo地址:https://files.cnblogs.com/files/dasianer/demo.rar

 

  

 

以上是关于配置vue多页的主要内容,如果未能解决你的问题,请参考以下文章

vue打包多页报错webpackJsonp is not defined

记一次基于vue的spa多页签实践经验

vue3.0+ts+element-plus多页签应用模板:如何优雅地使用Svg图标

前端笔记整理(Vue)

vue3多页面运行与打包

Vuejs多页weback配置