产品服务端使用nodejs开发，部署时不能将代码部署到服务器，所以查到可用pkg将node服务端打包成exe，事先已经查了不少资料，本以为是一个很简单的事情，结果折腾了一天，才算搞定。现将打包过程以及遇到的问题记录如下，希望可以帮助到后面的人。 填坑记录！！！！ 打包流程记录：1. 安装pkgnpm install -g pkg2. 修改package.json,添加pkg配置和命令"s
一、环境搭建1. 安装node：官网下载安装包，https://nodejs.org/zh-cn/
安装检测 node -V2. 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3. 全局安装webpacknpm install webpack -g4. 安装脚手架vue-cli npm install -g
转载
2023-11-11 06:20:14
667阅读
npm build 打包前端项目实际上是执行 node build/build.js，但是随着项目的依赖包越来越多，项目打包时间不断延长，为了改善这个问题，需要从node入手暂时解决方案：扩大node运行程序的内存，经本人测试(项目和机器固定)2G：308.11s
4G：284.96s
6G：280.94s
8G：277.63s
10G：277.86s
因此看出设定为8G差不多，因为再往
转载
2024-02-29 11:30:23
175阅读
前端vue 使用js生成助记码开发页面用的是vue框架，需要根据键盘输入事件生称助记码，网上看了好多，都不适合我（可能我没找对地方）就自己参考着改了一版出来，下面说说思路： 1、首先要先监听键盘输入事件，这里vue有个坑，直接οnkeyup="inputPY(editForm.dyname)或者@keyup="inputPY(editForm.dyname)不能用 坑了我好久，正确写法@keyup
转载
2024-09-29 00:36:55
177阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、创建项目二、原理分析三、创建入口文件集体注册组件四、批量注册五、组件打包总结 前言vue作为当前比较热门的前端框架之一，因此常见的基于vue开发的UI框架有很多，比如ElementUI、Ant Design Vue等。那么我们怎么去开发一个组件库并且能够打包复用呢？见正文。一、创建项目使用vue-cli创建一个新项目
系列文章目录 https://www.webpackjs.com/plugins/limit-chunk-count-plugin/ 文章目录系列文章目录前言一、使用webpack压缩打包二、开启nginx（.gz）的配置总结 前言随着公司OA系统管理的逐渐开发完善至上线（公司内部使用），项目打包后上传到正式服务器，页面加载速度虽然还行，但是所有资源的加载时间过长（达到了14.3秒），显然是不能接
转载
2024-02-04 00:57:45
657阅读
1、打包后的文件和路径在哪里看在控制台 element和sources里看 我们自己公司是这样的 控制台这个 sources 可以看到资源目录。如下图所示 这些资源都相当于在线资源了，可通过右击在新标签页打开（如下图所示）。 这里的liangwei相当于dist目录。然后再去找liangwei下的static等资源文件。 在element可以发现，这个红框的就是自己写的js代码，因为有static
转载
2024-07-16 14:28:19
1280阅读
文章目录一、Vue的插件大全二、Vue插件举例1. 轮播图插件（vue-awesome-swiper）2.
原创
2022-09-30 10:27:30
363阅读
# Vue2 打包适配 Android 4
随着移动互联网的快速发展，越来越多的网站和应用程序需要在不同的设备和平台上运行。然而，Android 4 系统由于其较旧的浏览器和 JavaScript 引擎，常常面临与现代框架和库兼容性的问题。在本篇文章中，我们将探讨如何将 Vue.js 2.x 应用打包并适配 Android 4 的环境。
## 为什么选择 Vue.js 2.x？
Vue.js
在centos下部署过数次jenkins打包springboot项目,打包vue项目,这次在centos6精简版下部署jenkins,再部署打包vue项目确实遇到了麻烦.部署新版本node,需要gcc以及2.17版本的GLIBCnode: /usr/lib64/libstdc++.so.6: version `GLIBCXX_3.4.14' not found (required by node)
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
最终效果如下一、先创建vue2项目1、 可以用vue-cli自己来创建；也可以直接使用我开源常规的vue2后台管理系统模板
以下我以 wocwin-admin-vue2 项目为例修改目录结构，最终如下2、修改vue.config.js文件module.exports = {
// 修改 src 目录 为 examples 目录
pages: {
index: {
entry
转载
2023-12-14 12:58:04
408阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
pkg的学习之旅 ----使用pkg打包Node.js服务小demo将Node.js打包为可执行文件的工具有pkg、nexe、node-packer、enclose等，面对项目需要，所以在学习pkg,看到相关文章，觉得这个很不错，自己记录下，以便下次使用便捷。 pkg的打包原理简单来说，就是将js代码以及相关的资源文件打包到可执行文件中，然后劫持fs里面的一些函数，使它能够读到可执行文件中的代码和
转载
2024-08-07 21:50:41
772阅读
