分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

vuejs多页面应用的构建

发布时间:2023-09-06 02:14责任编辑:苏小强关键词:jsvuejs

1 背景

使用vue-cli搭建的页面应用默认为单页面应用,在实际开发中有些特殊情况需要使用多个页面入口,而非采用单页面路由实现,由于不是很熟悉webpack的一些配置和使用,故有此文作为自己的记录

2 环境

2.1创建测试项目

由于是多页面应用,在此安装时,选择不安装vue-router,不使用路由,生成的vue单页应用代码结构

3 结构改造

(1)删除inde.html,main.js,app.vue,这些都是单页用到的入口文件

(2)新增modules文件夹,module下按页面名称创建页面文件夹,用来存放各个页面的html,vue,js文件

4 配置webpack

这里可以参考其他博友的文章, https://www.cnblogs.com/xuelongqy/p/7081419.html     里面写的很详细

增加页面入口方法工具js,修改webpack的三个配置文件

vuejs多页面应用的构建

原文地址:https://www.cnblogs.com/dpwow/p/9151954.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved