使用yarn electron:serve 测试是正常的 打包后就异常了 首先修改路由模式 // vue-router 4.x版本 const router = createRouter({ history: process.env.IS_ELECTRON ? createWebHashHistor ...
转载
2021-07-29 16:58:00
1452阅读
2评论
添加icon参考文档1. 在项目根目录（index.html同级目录）下添加favicon.ico文件2. 在项目index.html中引入图标<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />复制代码3. 配置webpack配置文件(build文件夹下面)在 webpack.dev.conf.js
转载
2021-01-30 12:38:11
1037阅读
2评论
在项目根目录中执行如下命令： npm run build 注：Vue脚手架打包的项目必须在服务器上运行，不能直接双击运行； 在打包之后项目中出现 dist 目录，dist 目录就是 Vue脚手架项目的生产目录（直接部署目录）。 ...
转载
2021-10-02 13:21:00
485阅读
2评论
前文 Vue - Vue CLI(4): Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别 里面有提到：Vue CLI3、Vue CLI4新建的项目，根目录结构内 少了之前的 build、config、static文件夹，配置文件也少了几个，连 index.html 都没有了，但多了一个 public 文件夹。那么问题来了，既然没有了 build、config文件夹，那么项目
转载
2021-05-10 18:15:29
1445阅读
2评论
目的： 提高打包速度 减小项目体积、提高首屏加载速度 提高用户体验（骨架屏） 1.使用CDN 加速优化 cdn优化是指把第三方库比如（vue，vue-router，axios）通过cdn的方式引入项目中，这样vendor.js会显著减少，并且大大提升项目的首页加载速度。 2.图片压缩 需要下载 im ...
转载
2021-07-19 18:27:00
1435阅读
2评论
同一文件夹下.vue文件与，.js文件不要重名，否则页面内容会丢失 ps:使用vue-admin-template中遇到的问题，（也不确定不是同一文件夹下能不能同名） ...
转载
2021-10-09 16:39:00
1186阅读
2评论
在config文件夹下的index.js配置文件里面给路径前面加上 .
原创
2022-03-02 14:42:45
878阅读
Nginx的安装与配置
Nginx官网下载所需版本安装 解压下载好的nginx修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段 里面的相关注释是在是太多了，那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes 1; ##指明了nginx要开启的进程数
转载
2020-04-22 14:08:00
132阅读
2评论
config文件夹内容修改一、index.js修改二、test.env.js新增build文件夹内容修改一、webpack.test.conf.js新增二、build-test.js新增package
原创
2022-01-13 17:30:40
636阅读
在这篇博文中，我将讨论“Vue CLI将vue文件打包为JavaScript文件”的过程，包括其协议背景、抓包方法、报文结构、交互过程、异常检测及扩展阅读等内容。这个过程涉及Vue CLI的基本操作以及与应用程序的交互，下面我将详细阐述。
### 协议背景
在前端开发中，Vue CLI是一个强大的工具，它可以将 Vue 单文件组件 (.vue 文件) 转换为浏览器可执行的 JavaScript
报错如下：Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is
not a supported stylesheet MIME type, and strict MIME checking is enabl
转载
2021-04-04 22:07:54
3884阅读
2评论
前言当我们开发完项目后，需要将项目部署到服务器上。这时，我们就需要对项目进行打包了，生成纯HTML、CSS和JS文件了。一般的，我们进行项目打包时只需要在命令行运行 npm run build 就可以进行项目打包了。但是如果不进行一些配置的话。我们就会遇到运行打包好的 index.html 文件，页面是全部空白的情况。这时，我们只需要进行下列设置即可：第一种错误：这个错误是因为没有在webpack
转载
2023-11-07 01:35:00
864阅读
1.在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后，开始打包，执行如下命令： 生成 dist 文件夹 2.打包步骤 步骤一： 将 dist 文件 放入 HB
转载
2017-04-18 03:07:00
256阅读
一、需求在项目上线过程中，需要根据不同的环境来抽出公共的参数，比如请求域名和一些外部资源环境配置。以下就是今天的主题，关于vue-cli 2.x 多环境打包配置。二、操作整个操作所涉及到的部分，主要是包含package.json, 还有build目录下的文件 以及 config目录下的文件。1、配置package.json在package.json中的scripts中添加相关环境地址，我的环境添
转载
2020-06-17 13:27:00
295阅读
2评论
vue cli 打包报错： 原因：上面的代码是es6的语法，由于现在还有浏览器不支持es6的语法，所以在打包的过程中要把es6转换成es5,在打包时使用了UglifyJs压缩JS，但是UglifyJs无法解析ES6，才出现了上述问题。 解决：build/webpack.base.config.js
转载
2018-01-04 21:07:00
397阅读
2评论
默认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-cli3的多环境配置，这里和大家分享一下vue-cli3多环境配置方法首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量我们可以通过传
原创
2022-02-25 13:39:32
868阅读
://.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评论
productionSourceMap: false, 去除map文件 assetsDir: 'static', 把静态文件统一放在static文件夹下 cnpm install uglifyjs-webpack-plugin --save-dev const UglifyJsPlugin = re
转载
2021-03-09 10:37:00
569阅读
2评论
