再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
前言：相信之前看过这篇文章，前端构建工具之“Webpack”的朋友，对于Webpack有了一定的了解。那么今天就跟大家分享下：如何利用webpack，来进行多页面项目实战开发。 一、项目初始化安装 1、先安装node.js 和 webpack 第一步:如果没有安装node的朋友,可以去node中文官
转载
2017-05-08 20:34:00
67阅读
0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章，当时也是我在做自己一个个人项目时遇到的配置问题，想到别人也可能遇到跟我同样的问题，就把配置的思路分享出来了，传送门在这里。 因为那份配置直到现在还有人在关注，同时最近公司帮助项目升级了 Webp
转载
2019-01-06 16:02:00
105阅读
2评论
初始化cd 项目名
webpack init创建第二页面与其头文件touch page2.html
touch src/page2.js修改page2.jsconsole.log("success")修改webpack.config.js添加page2.html至plugins项，添加src/page2.js至entry项最终模板:const path = require('path');
con
webpack 多页面 打包 一、总结 一句话总结： webpack可以进行多页面打包编译 二、webpack 多页面 打包 转自或参考：webpack 多页面 打包_JavaScript_jiu_meng的博客-博客https://blog..net/jiu_meng/articl
转载
2020-04-28 22:00:00
165阅读
2评论
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
单页面应用：整个应用里面只有一个html文件。现在主流的框架，vue，react都是单页面应用。 所以webpack绝大部分都是对单页面打包。那么webpack如何对多页面进行打包 index.html <!DOCTYPE html> <html lang="en"> <head> <meta ch
转载
2019-05-23 06:56:00
480阅读
2评论
如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。 使用webpack这个构建工具，可以使我们少考虑很多的问题。 我们常见的单页面应用只有一个页面，它考虑问题，解决问题围绕着中心化去解决，因此很多麻烦
转载
2018-12-17 11:08:00
173阅读
2评论
module.exports = { entry: { list: './src/list.js', detail: './src/detail.js' }, output: { filename: '[name]-[hash].js', path: __dirname + '/dist' }}
原创
2022-10-10 06:48:49
111阅读
我们平常用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
1153阅读
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阅读
webpack打包多页面的方式 一、总结 一句话总结： webpack可以进行多页面打包编译 二、webpack打包多页面的方式 转自或参考：webpack打包多页面的方式 - 简书https://.jianshu.com/p/5c50a45ee7fc 一开始接触webpack是因为使用Vue
转载
2020-04-28 22:14:00
88阅读
2评论
使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。原理将每个页面所在的文件夹都看作是一个单独的单页面程序目录，配置多个entry以及html-webpack-
转载
2021-03-16 20:45:01
657阅读
2评论
使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。 ...
转载
2021-05-18 18:15:24
206阅读
2评论
vue多页面
原创
2022-11-21 10:58:23
413阅读
进入一家新的公司，要开发移动端app项目，前端技术选型时前端组长选的是vue的多页面开发，当时很蒙，vue不是单页面开发吗？咋出来多页面的。接触之后才发现确实存在也挺简单的，省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵！单页面开发我就不多说了，主要讲多页面的开发模式与最终效果，网上一搜单页面会有好多文章博客，但是搜多页面的就很少了，比如下面这个就是列了一下两种开发模式的优缺点
转载
2021-05-10 19:45:27
969阅读
2评论
vue.config.js中常用的配置、导出模块、publicPath 部署应用包的基本Url、outputDir 输出文件目录、assetsDir 打包后生成的静态资源目录、lintOnSave、productionSourceMap 生产环境的 source map、devServer相关配置、... ...
转载
2021-09-03 15:28:00
2463阅读
2评论
在进行 **Vue 3 TypeScript 多页面开发** 时，尤其是当我们需要遵循一定的设计模式和最佳实践时，多个方面的考量就显得非常重要。本文将从版本对比、迁移指南、兼容性处理、实战案例、排错指南、性能优化六个方面，深入探讨如何高效地进行多页面开发，确保项目的可维护性和性能。
## 版本对比
在Vue 3中，引入了一系列新特性，相较于之前的版本，用户体验和性能都有了显著提升。以下是Vue
