react工程搭建系列之---基于create-react-app创建初始项目
如果create-react-app中的webpack配置满足不了需求,可以运行这个命令将所有webpack配置以及服务移到项目目录中,这样修改起来就很灵活了,但是这个命令是不可回退的,以下运行后的目录结构:
Vue中资源路径引用新方式尝试
用node.js开发项目,如果目录结构复杂,import需要使用相对路径很麻烦,vue引入了@别名引用,该方式简化了引用路径描述。但是IDE对@别名支持的不好,可以点击关联到元文件。但是目前没找到配置能让IDE分析@引用的文件的。导致import出来的内容无法直接定位到源文件。经过一段时间摸索。发下一个新方式,但本人不是专职前...
2019-03-04
Jenkins自动部署NodeJs
Jenkins配置 1、打开系统设置中的全局工具配置,选择新增NodeJs,选择自己对应的版本后保存即可,我这里别名直接用版本号代替了。 2、打开系统设置中的配置,选择增加SSH-Server,我选择直接用用户名登录的, 勾选Use password authentication, or use a different key,填写对应账号的密码即可 构建任务 1、新建任务,...
Electron播放 RTMP流 实现 (mac版本)
在打包mac版本的时候,发现在windows下可以播放RTMP流,不能播放,分析原因,有三个:1、widnows下flash插件是DLL文件,在mac不能用,mac下是后缀为plugin的插件,这个需要替换2、另外,vue-video-player`videojs-flash`这两个插件需要卸载之后,在重装,原因参照[链接] 这篇文章里面有说
2020-11-04
组件库Mint UI上拉加载更多插件Loadmore的使用tips
上拉过程中容易触发列表点击事件修复需修改两个文件:\node_modules\mint-ui\lib\mint-ui.common.js\node_modules\mint-ui\lib\loadmore\index.js修改内容: {代码...}
2022-06-16
得物技术浅谈JS资源分包
一般来说,前端项目不管框架是什么,大多是基于webpack打包的,比如umi、next、nuxt、vue-cli,所以本文只基于webpack打包工具给出方案。
react ^16.8.6 添加 stylus & less ; 配置alias别名 @
前提: 使用 yarn create react-app 创建的项目,yarn add antd 引入 antd 1. yarn run eject 2. yarn add stylus stylus-loader 如果需要 less, 则将此文出现的stylus统统替换为less, 或者追加less, 让stylus与less同时生效 此时重启,可能会报错如下,删除node_modules, 执行yarn重新安装所有的包,重启,通过。(报错...
使用 SAP UI5 CLI 命令行工具构建和运行 SAP UI5 应用
源代码 Github 地址:[链接]本地路径:C:\Code\frontend-ui5-mssql本文介绍 SAP UI5 Tools.package.json 里定义如下依赖:@ui5/clinpm install 安装依赖后,在 node_modules 文件夹下,发现了 @ui/cli 文件夹,其 readme.md 介绍提到,SAP UI5 CLI,是 SAP UI5 Tooling 的一部分。这个 SAP UI5 工程里包含文件:package....
2021-06-16
推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
最近开始撸React的时候,一直使用的sublime text3着实让强迫症的我难受至极,本身不支持JSX的高亮,安装完Babel之后新的问题来了,格式化插件挂了。。。
2018-01-31
Windows 下的 electron 开发笔记一
前言 根据公司业务需求,使用 electron 开发桌面 BrowserWindow 应用。 参考 API:Electron 文档 安装与配置 安装工具 node(LTS版)git 命令行工具 搭建项目 初始化: {代码...} 安装 electron: {代码...} 软件打包 安装打包工具: {代码...} 打包基本命令: {代码...} location:项目所在路径 name of project:打包...
2018-12-26
记一次vue项目热更新、npm i时栈溢出问题
1、有一天拉了代码,然就运行不起来。手动删了node_modules、package-lock.json,node-sass 。其间用npm i、npm uninstall命令一直栈溢出。开始以管理员身份运行powershell。第一步切换到公司镜像源 npm命令不行,直接修改.npmrc里面的registry
2019-10-29
vue-cli3+babel7项目兼容IE
默认忽略node_moudules,但是有些包可能并没有做好转化,所以需要我们转化vue官方也提供了比较好的属性transpileDependencies来将node_modules里面的部分包加到babel的转化如下配置,在vue.config.js中添加
Vue3 相关笔记
Vite 会将预构建的依赖缓存到 node_modules/.vite,但是如果你是库作者,调试中会经常遇到需要频繁刷新缓存的场景。想要强制 Vite 重新构建依赖,你可以用 --force 命令行选项启动开发服务器,或者手动删除 node_modules/.vite 目录。
webpack使用记录
因为通过webpack.DefinePlugin配置进去的值是一个全局变量,默认情况下eslint会阻止全局变量的使用,除非你明确的通过配置告诉他你知道你在干什么。
2024-02-17
有关npm rum的3个简洁技巧
【编者按】本文作者为来自 MongoDB 的 NodeJS 工程师 Valeri Karpov。Valeri 专注于维护常见的 Mongoose ODM,是《Professional AngularJS》一书的作者。本文由 OneAPM 工程师编译呈现,以下为正文。
2016-04-21
Webpack构建速度优化
前言当我们的项目越来越大,webpack的配置项越来越多时,构建速度会越来越慢,所以我们需要通过一些配置来提高webpack的构建速度。目录缩小范围noParseIgnorePlugin优化 resolve 配置externals缓存缩小范围在配置 loader 的时候,我们需要更精确的去指定 loader 的作用目录或者需要排除的目录,通过使用 include 和 excl...
2022-10-27
.gitignore文件
.gitignore 文件的作用就是告诉git,push的时候忽略指定的文件夹或者文件,例如:vue-cli脚手架创建的项目,push到github上时,不会上传node依赖文件夹,这是因为vue-cli脚手架创建的时候,自动为我们创建了 .gitignroe文件,并且为我们写好了规则。