前端技术之:使用webpack构建React程序配置方法
开发依赖:"@babel/core": "^7.1.2","@babel/preset-env": "^7.1.0","@babel/preset-react": "^7.0.0","babel-loader": "^8.0.4”,
2019-10-11
window日常配置
nvm安装 {代码...} yarn {代码...}
2021-07-17
TypeScript Error 2304: Cannot find name 'div' - CRA TS Template
使用 react 官方文档上的命令 npx create-react-app my-app --template typescript 创建个一个 ts 项目,打开后发现 index.tsx 和 App.tsx 文件有报错。原来是 vscode workspace 中的 ts 版本 和 项目中的 ts 版本不一致所致。
2022-02-28
babel转译项目配置
第三方模块使用了es2020(es11)语法,项目不兼容问题Module parse failed: Unexpected token ...
2024-03-20
npm入手笔记0x005-v2和v3包依赖管理的不同
0x000 概述 本篇文章承接上文,记录的v2和v3版本在包管理方面的异同,基于阅读官方原文整理简化。 0x001 v2管理方式 假设有模块A、B、C,A依赖B1.0,C依赖B2.0,我们可以得出以下依赖图: 接着我们创建一个App,同时依赖A和C,此时便会出现依赖地狱 npm不使用单一的B版本包,而是让不同的B版本同时存在,只不过存在在各...
一个npm包依赖引发的错误
重新梳理项目中的包依赖时,觉得使用^或者~在正式项目中似乎不靠谱,因为永远不知道真正打包的结果是不是对的。一个没有什么安全的感人,总能想到很多风险,例如有个家伙在新版本中恶意注入了"rm * -rf"这样的代码,那么我们的项目不是悲剧了。为了稳妥,我锁住了所有依赖的版本。根据npm的机制而言,这样还是堵不住所有...
2017-04-27
[Vue CLI 3] 插件开发中的 genCacheConfig 细节研究
在 @vue/cli-plugin-babel/index.js 中: {代码...} 我们看一下 api.genCacheConfig 在文件:@vue/cli-service/lib/PluginAPI.js 中被定义: Generate a cache identifier from a number of variables 在函数一开始接受 3 个参数: id partialIdentifier configFiles 然后看一下函数的内部: 返回: cacheIdentifier cac...
7.工程架构的优化
client端和server端的配置有重复的地方,优化的手段就是将两个文件中重复的配置项提取出来,然后利用webpack-merge包去合并配置。
2019-04-04
如何使用 npm 执行本地安装 npm 包里的二进制文件
通常,这些文件是以 .exe 或者没有扩展名的形式存在于操作系统中,例如 Unix 系统中的可执行脚本。这些文件能够直接运行,通常包含在某个软件包中,或是该软件包的一部分。
2024-08-20
npm、cnpm、yarn之间的区别
在使用 npm 安装包的时候,给人的第一感觉就是慢,而且还会在命令行打印出一堆的东西,而且经常会出现 “在我的电脑上可以......” 这个问题,着实是有点难受。但也不得不说 npm 是 node 如此成功的主要原因之一。
laravel-mix下webpack打包es6报错UglifyJs + Unexpected token punc 解决
项目中有块功能用Vue+laravel-mix方式,引入了第三方组件库element-ui(饿了么),dev方式可以正常编译,可等到生产环境(prod)时一直编译不通过。
Note: Gulp 使用 .coffee 配置文件
尝试了一下 Gulp, 拷贝代码运行成功后马上找怎么样 .coffee 后缀. 官方仓库有讨论: [链接] 大意是说, 虽然作者自己写 CoffeeScript, 但是不能纵容 .coffee 而是使用 --require 参数来允许后缀的使用:
微信小程序,构建npm失败,没有找到 node_modules 目录。
问题:微信开发工具刚支持npm时我安装成功过package,但是今天需要安装另外一些package时出现这个问题。此时我想是不是我项目的问题,于是我重新建了一个小程序项目来测试,情况如下:
2019-09-12
Vue3KeepAlive手动删除缓存以及获取缓存Map 打包以及源码处理
{代码...} {代码...} {代码...} {代码...}
2023-05-27
patch-package 对npm包打补丁
在团队开发的项目中,一般会依赖很多npm包。 有这样一种情况:我们想在某个npm包中自己添加一段代码,以实现某个想要的功能。但这个包是其他人开发的,无法修改源码。这种情况下应该怎么做呢?
2022-12-22
react-native bundle 到 bundle 生成到底发生了什么(metro 打包流程简析)
本文涉及 react-native及 metro 版本react-native@0.63.2metro@0.58.0先来看一波本文的实例代码:很简单吧,一个你好,世界 {代码...} # 一、前言众所周知,react-native(下文简称rn) 需要打成 bundle 包供 android,ios 加载;通常我们的打包命令为 react-native bundle --entry-file index.js --bundle-output ./bundle...
关于 npm install 命令行自行时看到的 timing 输出
npm install 是 Node.js 生态系统中用于安装依赖包的命令,它会根据项目中的 package.json 文件中定义的依赖关系,将所需的软件包下载到项目的 node_modules 目录中。在执行 npm install 这个命令时,你可能会看到一些输出信息,其中包含了一些进度条、日志和提示信息,以及一些警告或错误信息。
2024-01-29