webpack 配置 Vue 多页应用 —— 从入门到放弃 一直以来，前端享有无需配置，一个浏览器足矣的优势，直到一大堆构建工具的出现，其中 webpack 就是其中最复杂的一个，因此出现了一个新兴职业 『webpack 配置工程师』。其实 webpack 配置本质上来说也就是编程，难点在于各种 l
转载
2018-11-07 13:33:00
88阅读
2评论
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，
转载
2018-02-13 02:06:00
48阅读
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，一个浏览器
转载
2018-02-13 02:06:00
25阅读
，webpack打包存在的问题 webpack的打包顺序： var path = require('path'); module.exports = { entry: { o
原创
2021-07-25 13:56:33
720阅读
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评论
多一些，比如大型电商平台，服务商家、供应商、内部运营...
原创
2023-03-26 11:48:51
233阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
1.webpack打包配置: 设置多个入口; 一个入口标志一个html单页资源; 经常结合htmlWebpackPlugin插件使用; 其描述如下：2.页面的多页思路
原创
2022-07-06 10:36:38
154阅读
背景前司和现司都会存在这种业务场景：有很多 H5 页面是不相关的，如果使用 SPA 的话，对于很多落地页和活动页不太友好，有一些纯前端页面加载过慢，所以就萌生了创建一个多页面 MPA 的框架。起初想着使用 vue-cli3 去创建，因为 vue-cli3 本身带有多页面配置的选项，直接修改 pages 这个选项就可以完成多页面配置，需要的小伙伴可以进行参考，链接：vue-cli3 的 pages。
转载
2022-11-28 13:10:32
138阅读
0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章，当时也是我在做自己一个个人项目时遇到的配置问题，想到别人也可能遇到跟我同样的问题，就把配置的思路分享出来了，传送门在这里。 因为那份配置直到现在还有人在关注，同时最近公司帮助项目升级了 Webp
转载
2019-01-06 16:02:00
105阅读
2评论
前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
转载
2018-06-05 15:47:31
3101阅读
点赞
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
171阅读
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
289阅读
实现Vue的多页签组件
在之前的博客中 关于vue的多页面标签功能，对于嵌套router-view缓存的最终无奈解决方法 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完
转载
2021-05-10 10:26:24
1455阅读
2评论
如题，目前有两种尝试方法： 目录一.配置多个环境变量控制路由，主题和js改动二.配置多个入口文件 一.配置多个环境变量控制路由，主题和js改动适用于：同一逻辑（登录，权限，基础功能）下，只有主题和部分页面不同，大部分页面相同配置环境变量.env.zhejiang(开发环境).env.zhejiang.build(生产环境)修改package.json，新增页面脚本修改vue.config.js中的
在之前的博客中 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完善一下。直接看效果，增加了右键菜单，分别有重新加载、关闭左
转载
2021-01-16 19:13:31
788阅读
2评论
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
转载
2020-07-24 21:52:00
128阅读
2评论
