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
180阅读
在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)
实现目标本地push代码到GitHub，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。前期准备github 账号和项目centos 服务器;服务器安装 Java SDK;服务器安装 nginx + 启动；服务器安装jenkins + 启动；jenkins介绍Jenkins是开源的,
转载
2024-03-26 15:27:39
133阅读
一、环境搭建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阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、创建项目二、原理分析三、创建入口文件集体注册组件四、批量注册五、组件打包总结 前言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
1283阅读
产品服务端使用nodejs开发，部署时不能将代码部署到服务器，所以查到可用pkg将node服务端打包成exe，事先已经查了不少资料，本以为是一个很简单的事情，结果折腾了一天，才算搞定。现将打包过程以及遇到的问题记录如下，希望可以帮助到后面的人。 填坑记录！！！！ 打包流程记录：1. 安装pkgnpm install -g pkg2. 修改package.json,添加pkg配置和命令"s
# Vue2 打包适配 Android 4
随着移动互联网的快速发展，越来越多的网站和应用程序需要在不同的设备和平台上运行。然而，Android 4 系统由于其较旧的浏览器和 JavaScript 引擎，常常面临与现代框架和库兼容性的问题。在本篇文章中，我们将探讨如何将 Vue.js 2.x 应用打包并适配 Android 4 的环境。
## 为什么选择 Vue.js 2.x？
Vue.js
文章目录一、Vue的插件大全二、Vue插件举例1. 轮播图插件（vue-awesome-swiper）2.
原创
2022-09-30 10:27:30
363阅读
跨域设置 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阅读
1.配置node.jscentos7 安装node.js1.1.安装node.js插件路径：Manage Jenkins > plugin Manager > 可选插件搜索：nodejs,勾选后，点击Install without restart1.2.配置node.js路径：Manage Jenkins > Global Tool Configureatuib填写no
转载
2024-03-15 08:22:40
358阅读
目录前言一、优化静态资源二、vue项目打包体积优化1.路由懒加载2.抽离第三方js库3.小结三、代码优化1.减少页面的重排和重绘2.多设置key值四、服务器优化1.nginx服务器开启gzip文件压缩2.nginx服务器开启http2五、总结 前言最近在腾讯云上面买了一个服务器，准备把最近写好的一个vue项目打包部署上去，然后直接npm run build,把它往nginx上面一扔，然后直接访问
转载
2024-04-10 11:20:39
318阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
