登录社区云，与社区用户共同成长
邀请您加入社区
前端字体优化之webFont、font-spider、spa-font-spider-webpack-plugin
如果使用的是较旧版本的 Webpack 或其他依赖项，可以尝试更新它们到最新版本，以确保它们与 Node.js 20.x 兼容。如果不想使用上面的解决方法，可以考虑将 Node.js 降级到 16.x 版本，16.x 版本仍然使用旧版 OpenSSL。环境变量来解决此问题。然后再尝试启动npm run serve。来轻松管理 Node.js 版本。
我现在做新项目，喜欢前后端都用 JavaScript，代码都放在一个目录下（monorepo 代码管理模式），并使用 pnpm 管理😄。构建工具也从 webpack、vite 切换到 rspack/rsbuild
查看项目的package.json文件，发现element_china_area_data版本是6.1.0，这个版本的CodeToText做了调整，根据网上提示将CodeToText改为codeToText，仍然报错。使用element_china_area_data的CodeToText报错。安装后，项目会报个错提示找不到某文件，不用理会，直接重启项目即可。解决方法：安装6版本之前的版本。
执行npm install命令时，没有报错，卡在reify:eslint: timing reifyNode:node_modules/webpack Completed in 475ms不动。原淘宝 npm 域名停止http://npm.taobao.org 和 http://registry.npm.taobao.org 在 2022.06.30 号正式下线和停止DNS解析。加入（1）方法不可
安装 webpack-obfuscator 后，进行 js 代码混淆编译的时候报错。通常是由于版本不兼容或配置错误引起的。
我当时版本是node-v16.18.0-win-x64，试过很多方法还是卡住。切换node-v18.19.0-win-x86版本。直接安装nrm对镜像源进行管理。
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。值得注意的是，如果你是node.js的运行环境，由于node.js已经支持的async/await，固无需配置。但如果你用了比如vue ssr之类的，也就是仍旧使用了webpack打包，并有node.js运行，可能需要将其排除掉，或者根本不使用babel-loader
随着vue的版本省级，其相应的生态也随之升级，还在使用vue2的同学们在使用一些周边产物时（插件）会出现一些问题，比如vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，这是因为插件的核心方法在vue2上是不存在的，解决这类问题，只能在安装时选定插件固定的版本，比如 :npm install vue-router@
目录前言先行断言是否有那么一个开始符号，它后面的字符中包含小写字母（a-z）正向否定查找是否有那么一个开始符号，它后面不全是小写字母（a-z）密码中只包含字母且长度在8-16之间密码中同时含字母和数字且长度在8-16之间密码中同时含大写字母、小写字母、数字和特殊字符且长度在8-16之间密码中允许出现数字、大写字母、小写字母，但至少包含其中2种且长度在8-16之间（三种符号任取其二）密码中允许出现数
用的是cli 5.0.1 ，使用vue-router 4.0.13出现的错误，换成3.0.1 就可以了。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...
Eslint关闭文件校验关闭段落校验/* eslint-disable */代码块/* eslint-enable */关闭当前行校验一行代码 // eslint-disable-line关闭下一行校验// eslint-disable-next-line下一行的代码关闭对这单一文件的校验在文件头部加上注释,eslint在校验的时候会跳过后续的代码/* ...
前言今天让我们来继续聊一聊js算法，通过接下来的讲解，我们可以了解到搜索算法的基本实现以及各种实现方法的性能，进而发现for循环，forEach，While的性能差异，我们还会了解到如何通过web worker做算法分片，极大的提高算法的性能。同时我还会简单介绍一下经典的二分算法，哈希表查找算法，但这些不是本章的重点，之后我会推出相应的文章详细介绍这些高级算法，感兴趣的朋友可以关注我的专栏，...
2019独角兽企业重金招聘Python工程师标准>>>...
确保在修改插件之前，它已经被正确加载。例如，某些插件可能在其他配置文件或预设中被注册，你需要确保这些依赖已正确引入。通常出现在使用 Webpack 配置时，特别是当你尝试修改一个尚未注册的插件时。具体来说，错误提示中的。版本与 Webpack 兼容。某些插件版本可能需要不同的配置方式。如果你在插件注册前就尝试修改它，会触发此错误。错误，并正确配置你的 Webpack 插件。确认你使用的插件名称与注
浅谈 微信小程序 与 APP 应用的结合
webpack打包优化 使用cdn链接进行文件库加速，提升速度，对文件整体进行压缩，使用gzip压缩，除了在代码中进行配置以外还需要在服务器的nginx文件中进行压缩配置。此配置明显能够提升网页速度。项目配置后秒进，对删除控制台输出，生成文件优化等配置，代码体积明显减少，速度明显提升
此方法以webpack为示例，vite配置方法可能不同，但该教程有效解决https访问项目。
webpack-plugin-cdns 是一个 Webpack 插件，用于实现将前端项目中的资源（如 JavaScript、CSS、图片等）上传到 CDN(OSS、S3、Kodo) 服务器。从而完成资源的 CDN 加速。
对比三种提取思路，利用webpack的结构特性进行脚本构造其过程较其他两者更简单，只需要复制加载器和加密模块代码，引用其他文件就可调用加密方法。
Delete `··`eslint 和不尾随;分号
webpack的eslint插件，在webpack.config.js中注入该插件扩展，可以在webpack进行编译前，先进行eslint语法检查，将eslint的错误输出到终端，不会影响到webpack编译结果。eslint配置的ts解析器，需要先配置上解析器，eslint才能正确对ts语法进行检查，需要先按照上解析器，@typescript-eslint/eslint-plugin才能使用。因
安装 vue-router 时，直接运行了 npm install vue-router 命令，造成直接下载最新版 vue-router @4.2.2。
【webpack】解决使用umd模式打包后，在vue-cli项目引入为undefined问题，umd打包
5.x 版本 使用–open 时，默认打开浏览器，会出现 0.0.0.0:8080，浏览器显示无法访问。或者在 package.json 中的启动命令添加–host localhost。在 devServer 配置项中添加 host 为 localhost。虽然这个方案解决了问题，但是也产生了新的问题，并不完美。在 vue.config.js 文件中配置进行如下配置。我们可以看到此时的两个地址是相
自定义markdown-loader
项目没有使用 vue-cli 或者 @vue/cli ，直接使用 webpack ，这样起作用的配置文件就是 config/index.js ，所以，在项目根目录下扔一个 vue.config.js 扔了也白仍。即，我当前vue项目的端口号是9001，当遇到请求以/api开头时，就把该请求转发到端口号为8080的后端Java项目。使浏览器访问的IP地址和vue项目中配置的IP地址一致，即，同时为l
UncaughtTypeError:(0 ,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function表示vue-router版本过高，可以通过npm i vue-router@3 解决
如何在@vue/cli创建的uniapp项目，使用env配置文件，切换微信mp-appid。uniapp通过不同的环境变量修改微信小程序打包后的appid。
windows系统 新手使用vue-cli创建项目时，可能会遇到的问题
直接在main.ts入口文件里写的，结果http无法点进去，找不到路径const http = require("http");但是axios就可以import axios from "axios";所以我在想是不是引入模块的方式有问题，尝试在tsconfig.json里面修改了module，发现是有影响，但是无法解决问题也不是没有局部安装node，这个好像不能是一个问题，node可以多版本，但是
// 打包压缩config.plugin('CompressionPlugin').use(new CompressionPlugin({filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)algorithm: 'gzip', // 使用gzip压缩test: new RegExp('\.(' + ['js', 'css'].join('|
ERRORTypeError: Cannot read properties of undefined (reading 'NormalModule')TypeError: Cannot read properties of undefined (reading 'NormalModule')at VueLoaderPlugin.apply (/Users/ylmac/github/erabbit
1.JSONP:现在这种用的很少了动态创建一个script标签，只有get请求，有缓存，传递的信息大小有限制等；2.iframe 跨域也比较少3.代理跨域（前端）+nginx反向代理（后端）这种在目前在用vue的项目中是用的比较多的，在前端代码未发布之前，在vue.config。js中文件中进行配置，具体可查看vue官网。https://cli.vuejs.org/zh/config/#css-l
问题： weback打包工程后，由于初次加载页面时，页面加载时间过长；原因是：查看F12，network一栏中，会发现chunk-vendors.e852d541.js这个chunk在页面加载时，会花费大量的时间；这个chunk是element-ui全部引入或部分引入，打包后生成的，体积很大；解决方案： cdn引入配置配置详情：public/index.html文件<!DOCTYPE htm
于是可以用 selenium 执行 JavaScript 脚本来获取隐藏元素的 textSelenium自动化测试实战from selenium import webdriverimport time# 作者-上海悠悠 QQ交流群:717225969# blog地址 https://www.cnblogs.com/yoyoketang/driver = webdriver.Chrome()driv
控制台提示信息：es6.object.define-property.js:5 Uncaught TypeError: $export is not a function解决方法：排除node_modules文件夹
环境vue 2.5.2、webpack 3.6.0、prerender-spa-plugin 3.4.0遇到的问题打包后出现的报错相关代码大部分能查到的资料都是添加chunks。但是在这里并没有生效，问题依然存在。new HtmlWebpackPlugin({filename: config.build.index,template: 'ind...
<plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-resources-plugin</artifactId><configuration><nonFil...
前言为什么我们需要测试？让产品可以快速迭代，同时还能保持高质量 -- 阮一峰 持续集成是什么？对于一些相对稳定的系统级别页面，自动化测试在提高测试的效率的方面起到非常重要的作用。前端的自动化测试主要包括：浏览器测试和单元测试。Vue官方脚手架自带自动化测试配置，并帮助你完成对组件，函数等的自动化测试。什么是持续集成？它和持续部署有什么区别？代码集成到主分支...
作用：把后端的API(远程的API)请求代理到本地服务器上，方便与后台数据调试，前后端分离server.js模拟远程API ：localhost:8060/api/search (测试前运行 node server.js) 在vue-cli中的使用：运行localhost: 80801.在config文件夹下创建proxyConfig.js如下 ...
前言刚入门微信小程序的时候，一切都基于微信web开发者工具，没有使用其他框架，也没有工程化的概念。当时做的项目都比较简单，单单用微信web开发者工具倒也得心应手。学了些东西后，就按捺不住地想跳出原生工具的条条框框，把近些日子学的东西都拿出来熬一熬。已有的一个小程序项目使用了github上一个使用webpack、babel、sass开发的小程序脚手架（wxapp-boilerplate）,我需要..
今天运行项目，居然报错：Failed to compile../src/index.jsModule build failed: Error: Cannot find module 'eslint/lib/formatters/stylish'复制代码以下是解决问题的步骤：1.package.json文件中关于eslint的包名都删掉；2.删除项目下的package-lock.json...
由于作者面试过程中高度紧张，本文中只列出了自己还记得的部分题目。经历了漫长一个月的等待，终于在前几天通过面试官获悉已被蚂蚁金服录取，这期间的焦虑、痛苦自不必说，知道被录取的那一刻，一整年的阴霾都一扫而空了。笔者面的是阿里的Java研发工程师岗，面试流程是3轮技术面+1轮hr面。1 意外的一面一面的时候大概是3月12号，面完等了差不多半个月才突然接到二面面试官的电话。一面可能是简历面，所以问题比较简
Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性。安装babel实现ES6到ES5npm install -D babel-core babel-preset-es2015复制代码安装babel-loadernpm install -D babel-loader复制代码webpack.con...
eslinteslint 最常见的方法 ，具体使用方法可参考官网。editorconfig针对于使用vs-code编辑器的小伙伴，在扩赞中安装在根文件下创建名为.editorconfig 的文件进行相关配置如：安装husky (npm husky -D)这种方法是在git commit 之前根据eslint 的设置对代码进行相对应的检查，不符合规范...
解决方式： 基于vue-cli 2.0版本，下载好工程后，找到config文件夹里的index.js文件，然后就是把上图的target改成你的接口地址前面的那部分就好了，底下的^/api就是把前面那些替代成空字符串，接口就写替代的后面那部分路由地址就好了，不过我推荐不要用‘/api’还是用‘’空字符串代替，这样你部署到服务器的时候路由才不会出问题，不然有可能会出现问...
uniapp工程体积变大后，运行或者打包h5出现内存问题，打包失败官网社区找到的方法（试了都无效）源自 https://ask.dcloud.net.cn/question/666201： （修改node最大内存） 参考资料网址 https://www.cnblogs.com/jianxuanbing/p/9331042.html2：（修改windows中单个软件的最大内存使用） 参考资料网址 h
2025年前端面试八股文 【Webpack】篇
改为 ：find_package(OpenCV QUIET COMPONENTS opencv_world opencv_core opencv_imgproc opencv_highgui opencv_calib3d opencv_videoio opencv_imgcodecs dnn)将 ：find_package(OpenCV QUIET COMPONENTS opencv_world)
webpack
——webpack
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
乐奇 Rokid 开放社区
天工造物局
