前言我有一个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阅读
一、创建项目 vue create hello-world 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。 这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们 ...
转载
2021-10-02 13:00:00
177阅读
2评论
Vue/cli 构建项目坚持写作vue系列让我自己收获很多，对之前很多理解不透彻的地方又多了一些理解，也试图将自己的理解变成文字分享给更多的人，无奈文字功底有限，有些地方可能表达的不是很清楚，还望各位读者多多包含，同时希望大家能给予指摘改正。掘金系列地址：juejin.cn/user/296393…前14篇基本上写完了vue2.6版基础的所有内容，下来的几篇将进入vue的生态周边，vue-rout
转载
2021-01-20 11:30:51
211阅读
2评论
1、官网说明 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%93 2、输出文件 dist/myLib.common.js：一个给打包器用的 CommonJS 包 (不幸的是，webpack 目前还并没有支持 ES modules 输
转载
2020-04-02 11:16:00
112阅读
2评论
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装 https://nodejs.org/en/download/2.安装vue-cli npm install -g vue-cli3.使用vue-cli初始化项目vue init webpack-simple my-project-name4、进到目录cd my-project5、安装依赖 npm ins
转载
2018-01-03 10:15:00
213阅读
2评论
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 https://nodejs.org/en/download/ 2.安装vue-cli npm install -g vue-cli 3.使用vue-cli初始化项目 （图片来源网络，侵删） 4、进到目录 cd my
原创
2021-07-30 14:32:00
304阅读
前提：必须安装node.js，官方地址：https://nodejs.org/en/然后安装vue-cli 安装方式：cmd命令行安装：打开cmd命令符输入进行全局安装脚手架：npm install -g @vue/cli全局脚手架安装成功之后就可以创建vue项目了三种创建方式：这里演示第三种第一种（旧版本创建项目，不推荐）：首先要安装依赖包 npm install -g @vue/cl
转载
2023-07-24 16:45:28
61阅读
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建
转载
2022-03-28 18:05:05
133阅读
参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装 https://nodejs.org/en/download/2.安装vue-cli npm install -g vue-cli3.使用vue-cli初始化项目 vue init webpack-simple my-project-name
转载
2021-06-30 15:58:26
210阅读
一、安装vue-clicnpm install vue-cli -g如果没有安装cnpm可
原创
2022-11-18 19:12:59
84阅读
前言最近在开发跨境电商项目的时候，要做一个广告宣传页，根据产品的要求希望广告宣传页面在独立域名下，但是领导又希望这个页面在原有的项目内，于
转载
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评论
1、构建项目vue create xxx上面的第一条，也就是 aaa 这一个选项在你第一次创建项目的时候是并
转载
2022-11-03 10:05:14
457阅读
vue-cli中文文档：https://cli.vuejs.org/zh/guide/#%E8%AF%A5%E7%B3%BB%E7%BB%9F%E7%9A%84%E7%BB%84%E4%BB%B6 今天把vue-cli3的项目升级到了vue-cli4，想着用vue-cli4构建的项目有什么区别，于是 Read More
转载
2020-03-08 15:29:00
456阅读
2评论
# 创建多环境配置文件.env.dev添加内容：NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
vue-cli启动服务器时间21526msvite启动项目 时间2804ms相差10倍左右
转载
2021-05-25 23:21:00
323阅读
2评论
一.Vue支持构建一个多页应用 Vue CLI 支持使用 vue.config.js 中的 pages 选项构建一个多页面的应用。构建好的应用将会在不同的入口之间高效共享通用的 chunk 以获得最佳的加载性能。 pages ...
原创
2021-11-23 17:18:18
1208阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
1.事前工作 1）提前安装GitHub下载工具（这里建议在项目文件夹中使用cmd操作-因为git的窗口没法上下选择操作） 2）打开vue-cli官网https://cli.vuejs.org/zh/guide/installation.html 3）使用配置淘宝的国内路径（可以查看https://w ...
转载
2021-07-22 11:28:00
85阅读
2评论
