前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
转载
2018-06-05 15:47:31
3101阅读
点赞
默认vue的脚手架是打包成一个html文件的. 要想打包成多个html文件.也非常简单.只需要在 vue.config.js 中增加pages 节点即可.我下面的代码就把一个main.js打包成了两个文件.分别是后台界面Manage.html和移动端界面 Mobile.html当然你改下配置就可以分别打包成不同的文件. console.log("开始打包"); module.exports = { // 这里是配置上线读取当前目录，默认是根路径，如 /js, /css 等，具体根
原创
2021-09-03 13:34:30
1579阅读
前言最近在开发跨境电商项目的时候，要做一个广告宣传页，根据产品的要求希望广告宣传页面在独立域名下，但是领导又希望这个页面在原有的项目内，于
转载
2021-11-16 13:39:06
2069阅读
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评论
# 创建多环境配置文件.env.dev添加内容：NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
最近一直在研究使用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阅读
://.net/qq_37055675/article/details/85047451 通过不同命令行切换不同环境api等信息， 例如： npm run dev 调用本地环境api npm run test 调用测试环境api npm run build 调用线上环境a
转载
2020-06-28 09:32:00
180阅读
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-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-cli3多环境配置方法首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量我们可以通过传
原创
2022-02-25 13:39:32
868阅读
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、
原创
2023-02-13 11:42:42
222阅读
一、需求在项目上线过程中，需要根据不同的环境来抽出公共的参数，比如请求域名和一些外部资源环境配置。以下就是今天的主题，关于vue-cli 2.x 多环境打包配置。二、操作整个操作所涉及到的部分，主要是包含package.json, 还有build目录下的文件 以及 config目录下的文件。1、配置package.json在package.json中的scripts中添加相关环境地址，我的环境添
转载
2020-06-17 13:27:00
295阅读
2评论
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载
2020-06-16 15:14:00
217阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLI是vue官方提供的脚手架工具， 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载
2021-09-25 21:39:00
218阅读
2评论
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 ...
转载
2021-08-28 22:00:00
329阅读
2评论
周末在家新建了一个 Vue 测试项目，但不管怎么建，总会提示一些 有的没的，杂七杂八的信息，如：找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示：寻思着，出现这些问题的原因，应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址，导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响，但是一句
转载
2021-05-10 18:17:13
905阅读
2评论
样例新建项目后，package.json 下的 script "scripts": { &q
原创
2023-02-22 11:04:47
234阅读
基于node npm & vue-cli & element UI创建vue单页应用 开发环境 Win 10 node-v10.15.3-x64.msi 下载地址： https://nodejs.org/en/ 安装node 安装vue-cli 1、安装node-v10.15.3-x64.msi 2
原创
2021-06-01 10:42:21
443阅读
