再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
本文梗概Vue 是很好用，但是以往的都是单页面应用，这就导致了一些传统的项目移植困难，一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行，这次的 Cli 3.0 可以在原来项目的基础上直接移植，非常方便。在本文中，会讲到如下
原创
2021-07-12 09:34:04
232阅读
本文梗概 Vue 是很好用，但是以往的都是单页面应用，这就导致了一些传统的项目移植困难，一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行，这次的 Cli 3.0 可...
转载
2021-06-05 22:44:31
280阅读
2评论
记录使用vue-cli3 配置multipage，采用glob自动加载，一次配置，永久生效
原创
2020-07-07 22:37:10
3995阅读
点赞
假如要单独将登陆页面当成一个项目入口文件： 第一步：创建一个登陆页面的文件 在项目public文件夹下创建一个login.html，其实就是将index.html复制一份，将title改一下： 第二步：在src文件夹下创建一个login文件夹，分别创建login.main.js、login.rout Read More
转载
2019-12-04 11:11:00
904阅读
2评论
首先用vue-cli3创建工程，我的全局安装了vue-cli2，又不想卸载掉；所以新建了一个文件夹安装vue-cli3；然后在该文件夹下创建工程； 同时安装vue-cli2和vue-cli3参考：https://segmentfault.com/a/1190000020487946 工程创建好后，默 ...
转载
2021-09-02 09:59:00
421阅读
2评论
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
Vue vue-cli webpack 多入口把项目分为多个模块,分别从2个入口进入,减少集中在一个包中容量,主要步骤如下:01)主要文件结构目录02)build/webpack.base.conf.js03)build/webpack.dev.conf.js04)build/webpack.prod.conf.js 05)config/index.js 06) src/mainFei.js
转载
2021-06-06 23:42:00
614阅读
2评论
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue多页面
原创
2022-11-21 10:58:23
413阅读
进入一家新的公司，要开发移动端app项目，前端技术选型时前端组长选的是vue的多页面开发，当时很蒙，vue不是单页面开发吗？咋出来多页面的。接触之后才发现确实存在也挺简单的，省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵！单页面开发我就不多说了，主要讲多页面的开发模式与最终效果，网上一搜单页面会有好多文章博客，但是搜多页面的就很少了，比如下面这个就是列了一下两种开发模式的优缺点
转载
2021-05-10 19:45:27
972阅读
2评论
本文大约二千字，看完本文大概需要二十分钟，动手尝试需要一小时前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统 根据当时情况，分析出三种方案一个项目代码里面嵌两个spa应用(官网和后台系统)分开两套项目源码一套项目源码里面就一个spa应用思考：直接否定了一套项目源码里一个spa应用(ui样式会相互覆盖，如果没有代码规范后期比较难维护)两套源码的话，后台可能开两个端口，然
转载
2024-10-09 10:00:52
331阅读
在进行 **Vue 3 TypeScript 多页面开发** 时，尤其是当我们需要遵循一定的设计模式和最佳实践时，多个方面的考量就显得非常重要。本文将从版本对比、迁移指南、兼容性处理、实战案例、排错指南、性能优化六个方面，深入探讨如何高效地进行多页面开发，确保项目的可维护性和性能。
## 版本对比
在Vue 3中，引入了一系列新特性，相较于之前的版本，用户体验和性能都有了显著提升。以下是Vue
vue.config.js中常用的配置、导出模块、publicPath 部署应用包的基本Url、outputDir 输出文件目录、assetsDir 打包后生成的静态资源目录、lintOnSave、productionSourceMap 生产环境的 source map、devServer相关配置、... ...
转载
2021-09-03 15:28:00
2466阅读
2评论
一、单页面 代码如下： 二、页面跳转 代码如下：
转载
2019-12-04 16:29:00
144阅读
2评论
# 创建多环境配置文件.env.dev添加内容：NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
