一，常规webpack打包的配置 我们通常会设置大图片打包出来，小图片转成base64的形式进行webpack进行打包。 具体设置见这篇文章的第七节：https://blog.csdn.net/weixin_42349568/article/details/124370794 现在有个项目就是这样配置的，想要先将图片进行压缩，然后再执行这个打包策略。 二，安装image-webpack-loader 这个插件不能用npm库安装，而必须使用cnpm安装 npm install cnpm

当我们拿到一个前端项目的时候，想要把它运行起来，首先是要给它安装依赖，即cd到当前项目根目录下去执行npm install命令，然后有一定几率在终端你会遇到这样的报错： npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree 用我的中式英语翻译一下就是：不能解析依赖树 ，需要先修复上面依赖关系冲突或者重新执行一下npm install命令，后面跟--force或者--legacy-peer-dep

前几篇博文学习了TypeScript的语法以及TypeScript的工程化实现方案，但是很多人学完了TypeScript的知识点后却仍然还在项目里面写大量js，并没有领悟TypeScript的思维（面向对象的思维）。所以今天我准备用TypeScript来开发一个贪吃蛇的游戏，我尽量把实现步骤写得详细一点。大家如果感兴趣的话，可以跟着这篇博文一起敲，这样也有利于熟练TypeScript的语法和领悟它的思维。这篇博文我真的写了很久，很认真，所以求关注、求点赞，求评论，求收藏，这对我真的

前言 在实习过程中，由于业务需要慢慢接触到了微微前端架构，主要是蚂蚁的微前端架构qiankun。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，是一个基于 single-spa 的微前端实现库。 什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端的特点主要包括： 与技术栈无关：主应用和子应用用什么技术栈都可以。比如，主应用使用react，第一个子应用使用vue，第二个子应用使用Angu

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: shopcar-demo@0.1.0 npm ERR! Found: webpack@5.72.0 npm ERR! node_modules/webpack npm ERR! peer webpack@“^4.0.0 || ^5.0.0” from @soda/friendly-errors-webpa

前言 最近一个后台管理项目中我集成了tailwindcss框架；在公司的电脑上npm install是没问题的，到家里的电脑npm install 就报错； 报错日志如下： # npm resolution error report 2021-05-22T14:02:27.205Z While resolving: ymsh@1.0.0 Found: postcss@7.0.35 node_modules/postcss postcss@"^7.0.35" from the roo

思考 vite的适用场景是什么？ 由于我使用了tailwindcss插件 使用webpack 每次启动所有的项目的css样式都预先使用tailwindcss 转换成css 性能普通的电脑启动项目需要1分钟到2分钟。不过首次加载不会有什么多大的延迟，按需导入的页面加载也不会有多大的延迟，但webpack下运行的tailwindcss有个问题就是修改样式后动态编译运行后 查看样式很卡 长时间修改样式 很吃内存 运行久了就会挤爆内存。 现在vue3很流行使用vite打包，所以我也尝试使用vite。

贪吃蛇项目 使用typescript的基本是定义类，在类中写代码gitee-Snake-详解.md 搭建webpack环境 用npm全局安装 typescript（前提是安装了nodejs node -v查看版本号） 进入命令行 输入：npm i -g typescript 搭建webpack环境 初始化项目 进入项目根目录，执行命令 npm init -y 主要作用：创建package.json文件 下载构建工具npm i -D webpac

一般出现'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件的提示，一般有两种可能，一是当前环境无法找到Vue-cli路径，二是没有配置npm环境变量。下面具体讲解解决办法。 一、当前环境无法找到Vue-cli路径 解决办法执行以下操作： 1、桌面命令行执行npm config list，找到npm所在的目录 2、在npm所在目录执行cmd，执行vue init webpack vue-project 3、执行完之后，会出现一些选项，根据自己的需要来选就行 具体效果如下：

Babel介绍： Babel是一个JavaScript编译器，主要用于将ECMAScript 2015+代码转换为当前和旧浏览器或环境中向后兼容的JavaScript版本。要是通过核心依赖core-js@2，主要是通过核心依赖core-js@2来完成对应浏览器不支持的新的全局和实例api的添加 方案一：@babel/polyfill 步骤1：安装@babel/polyfill 因为polyfill（将在源代码之前运行），我们需要它是一个依赖项，而不是devDependency，所以使用-

npm run 实际上是衔接 node 和 webpack 的连接点。先看看终端运行的npm是什么，如下图： 图中的关键点是最后一行 C:\Users\***\AppData\Roaming\npm\node_modules\npm。从它可以推断出系统环境变量下配置的npm的路径为C:\Users\***\AppData\Roaming\npm，可以去环境变量中确认，如下： 然后查看npm.cmd的批处理命令，如下： @ECHO off GOTO start :find_dp0 S

这篇文章主要介绍了使用html-webpack-plugin'入再内存中生成 html 页面插件,需要的朋友可以参考下