最近有感觉到，随着系统模块数量的增加，wepack编译打包的速度越来越慢，于是我想给项目做一下优化升级，也借此机会系统地学习一下webpack4。

本文内容基于webpack 5.74.0和enhanced-resolve 5.12.0版本进行分析webpack5核心流程专栏共有5篇，使用流程图的形式分析了webpack5的构建原理：「Webpack5源码」make阶段（流程图）分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段（流程图）分析(一)「Webpack5源码」seal阶段分析(二)-...

最近在学习react，然后想通过做个具体的例子来学习react，于是看到网上有个日本网友做了一个cd播放器，不过他是用jquery实现的，于是我打算用react来重写这个组件并发布到npm上面。然后我就用create-react-app这个脚手架来打包这个组件，代码都写好了，不过问题是我怎么发布到npm上面，于是我就直接在index.js里面写了一个

本人微信公众号：前端修炼之路，欢迎关注。 距离上一次更新这个系列，过去了两天。最近实在是有点忙，没有挤出时间整理。感觉日更还真是困难😂 以下是正文。 管理资源 如果看过之前的系列文章，应该会有一个学习项目webpackStudy，可以从文章下方找到之前的链接。官网给出的示例都是在一个项目中的html页面、package.json...

从接触到 node 环境来说，其中一个不可或缺的一部分便是 npm 包管理，但是由于官方的 npm 有各种各样的问题，于是催生了很多不同的版本，这其中的曲折也许只有过来人才知道。

装这个东西花了我一天的时间所以想找个地方记一下~ 下载camera源代码 git clone [链接] 尝试安装 npm install 然后会下载一些库，但是安装opencv时会失败 去camera/node_modules下下载node-opencv单独编译 git clone [链接] opencv 编译之前先要安装pkg-config sudo port install pkgconfig 没有安装port的话，去http://...

安装@babel/node {代码...} 目录结构 {代码...} <!--more--> 配置launch.json 关键点: 配置runtimeExecutable, 用babel-node来debug 开启sourcemap "sourceMaps": true, 配置env, 不影响babel其他功能 {代码...} 配置.babelrc 说明:debug对应launch.json中的 "BABEL_ENV": "debug" {代码...} givencui博客首发, 转...

根据有赞的vant官网的提示，用了两个插件 postcss-pxtorem和lib-flexible 以下是有赞官网的提示 第一步：用yarn安装上面两个插件。 第二步：引用postcss-pxtorem 需要配置到nuxt.config.js的build中 第三步：把flexible.js放到static/js中，并在nuxt.config.js的head中引用。具体做法是，从node_modules中找到amfe-flexi...

今天使用vue cli 3来搭建vue环境。同时vue ui第一次使用图形界面创建项目，一切顺利，项目创建成功。npm run serve...出现了下图报错：（node_moduleseslintlibrulesno-octal-escape.js:41）度到第一篇解决方法《vue-cli工程启动异常问题:no-octal-escape.js:41》，按照其说的第二种方法，降低了eslint版本，再次运行项...

先点击了解 微信小程序中使用 npm 安装依赖确保做好上述 微信小程序中使用 npm 安装依赖 准备后续的安装方式都是一样的 {代码...} 安装完以后同样需要进行构建微信开发者工具左上角：工具 --- 构建npm （没有依赖时，点击构建是不会构建成功的，会提示没有可构建的项）构建的结果是：生成和 node_modules 同级目录的文件...

{代码...}

目录问题描述尝试的解决办法真正的解决办法结论一、 问题描述一个很久没接触的老项目，前两天想看一下里面一个功能，结果前端起不来了。先上报错： {代码...} 用中文关键词搜了一下，网上有不少类似的问题。此项目的环境（展示与问题相关的部分）： {代码...} 二、 尝试的解决办法本小节列举网络中提到的解决办法：更新t...

简介​ Doodoo.js -- 中文最佳实践Node.js快速开发框架。支持Koa.js, Express.js中间件，支持模块机制，插件机制，钩子机制，让开发 Node.js 项目更加简单、高效、灵活。

{代码...}

进行sass-loader,node-loader的安装后报错， this.getResolve is not a function 一直卡在94% 上面说是因为sass-loader的版本过高导致，因其最新版本为8.0.0，此会导致编译出错 解决办法 {代码...}

moment 打包体积很大？在项目架构中，引入时间插件moment打包体积很大，具体是什么原因呢？在node_modules里面找到moment文件夹，找到文件moment.js文件，在文件里面搜索loadLocale函数这个函数会在每次打包的时候自动引入所有语言包，导致体积过大优化方案在webpack中配置一个IgnorePlugin方法 {代码...} 这样所有的语...

报错内容：You are trying to set a filename for a chunk which is (also) loaded on demand. The runtime can only handle loading of chunks which match the chunkFilename schema. Using a custom filename would fail at runtime. (cache group: defaultVendors)