webstorm加载项目卡死在scanning files to index
问题描述webstorm是一个很好的前端开发利器,但是非常耗资源,占内存 ,npm导入包的时候,webstrom建立索引,虽然索引是个好东西,但是包多了就会卡,包特别多,电脑还不行的,就会卡死,虽然我的电脑的其他功能并没有多大影响,但webstrom已经不能用了,怎么点也不管用。
2017-09-26
webpack
mode: development\productionentryoutputdevtooldevServercontentBaseopenportproxyhotoptimizationtree shaking: 过滤导入没用的代码;production下默认打开package.json: sideEffectscode splitting 代码分割 {代码...} 缓存: output:filename: [name].[contenthash].jsshimming懒加载 lazy loading:通过import动...
2021-07-23
win10下npm/node安装与环境变量配置/npm更新
网上搜了很多文章但是感觉都不好,自己写一个:此文仅针对win10下安装node,版本为v8.11.0;node下载地址选择对应版本一般选稳定版64位.msi如果之前装过node,安装之前最好先手动删除相关环境变量,和相关node_modules文件夹。下载后的安装包首先取得管理员所有权网上很多教程都会全部点下一步,其实新版node似乎?是自带...
git常用(其实并不常用)但是很有用的命令
背景:一开始没有加入git ignore的文件或者文件夹,已经被add过,之后再重新加入.gitignore,但是还是不会被ignore。这个时候你需要按照以下步骤来达到你的目的。 假如我们想ignore一个文件, src/views/index.vue
React-native 集成react-native-getui 爬坑
问题:集成后react-native run-android 可以运行,但是打包的时候报错。 解决方法 修改react-native-getui包下面android目录下的 build.gradle 1.首先在node_modules中找到报错的包里面的build.gradle,比如我这个就是\node_modules\react-native-getui\android\build.gradle;2.修改这个build.gradle,使其与android/bui...
2022-05-17 使用webpack打包后puppeteer报错问题
问题描述: 在开发环境下使用puppeteer,可以正常运行, 但通过webpack打包后,启动 puppeteer 时会报错:Error: _projectRoot is undefined. Unable to create a BrowserFetcher.
2022-05-18
NodeJS 中的模块是单例的吗?
笔者之前在使用require导入模块时,特别是在导入有状态的模块时,笔者会考虑其是否在多次导入情况下依然保持单例特性,或者说对于同一个文件在不同路径下导入时,是否能够识别为一致?本文即是对该特性进行解析。
【electron-playground系列】打包优化之路
electron打包工具有两个:electron-builder,electron-packager,官方还提到electron-forge,其实它不是一个打包工具,而是一个类似于cli的工具集,目的是简化开发到打包的一整套流程,内部打包工具依然是electron-packager。
2020-12-22
postcss安装及插件的安装
不过我个人习惯仅安装在项目中,于是我没有选择安装CLI,而是直接在项目中安装PostCSS, {代码...} 安装好了之后在webpack.base.conf.js里面进行配置 {代码...} 这是自己记录,以备后面需要创建项目的时候又到处找
2019-01-02
Linux初次实践
使用Linux的背景:初次使用Linux并且在上面搭建node的开发环境第一:安装node的命令下载node.js {代码...} 解压到指定目录 {代码...} 添加环境变量 {代码...} 及时生效node命令 {代码...} 第二:卸载node.js卸载npm {代码...} 卸载node {代码...} 特别说明一下Linux下终端输出的文件等颜色:蓝色表示目录:;浅蓝色表示...
2019-10-01
NodeJs下载安装与配置环境
1.下载 {代码...} 2.安装 {代码...} 3.检测是否安装成功 {代码...} 4.配置自定义全局模块安装目录 {代码...} 5.在cmd命令下执行两个指令 {代码...} 6.检测刚配置的模块存放路径 {代码...} 7.配置环境变量 {代码...} 8.当运行js文件报错找不到安装的模块 {代码...}
2022-07-22
Stylus插件开发教程
由于Stylus的强大,它支持SCSS LESS 灵活的书写方式,然后它不用像SCSS安装Ruby,不是特别出名,流行的工具没有使用它,只是在小的圈子里面挺火滴。它的强大不用赘述了,我正在使用了它开始吧:最近为了方便自己将px转换成rem写了一个基于Stylus的插件,我就以它为例子吧,源码在此stylus-px2rem
在Centos上安装phantomjs的过程
想着在年前把博客更新升级一下,于是顺手修复了一些已知的BUG,优化了留言模块,升级了nginx,更是为了利于SEO,在webpack的编译中加入了prerender-spa-plugin预渲染模块。经本地window主机测试后,一切OK。这便着手在线上Linux主机中配置,nginx, node, mongod 等的升级一切顺利,但就是在项目中 npm install 的时候卡...
Angular5中调用第三方库及jQuery的添加
package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是Angular自带的,存放在node_modules目录中。
2018-05-07
Umi 配置splitChunks
这段时间花了点儿时间看了下umi的官网,并且下载了官网提供的例子,整理了下自己配置umi分包的配置,只是整理,希望大佬们轻喷! 首先想吐槽下官网的例子,真的很“简洁”,经过度娘搜索,发现没有很多答案,大概的配置都是类似这种
解决centos运行node项目puppeteer时chrome错误问题
系统错误提示,无法找到chrome,其实就是依赖【没有安装】完善,需要自己【手动安装】 {代码...} 上面提示的chrome安装路径需要留意,下面会用到 {代码...} 官方给出的常用依赖包可查看:[链接] {代码...} 安装完成后,查看当前chrome依赖是否全部安装 {代码...} 然后在目录下查看还有哪些依赖还没有安装的 {代码...} 上...
Yarn 迁移到 pnpm:依赖管理的最佳实践
Yarn/npm 的方式(扁平化): {代码...} 所有依赖都被提升到顶层,这意味着你的项目可能会访问到未在 package.json 中声明的依赖(幽灵依赖)。
2025-03-17