webpack版本的坑

最新推荐文章于 2024-06-19 12:23:57 发布
最新推荐文章于 2024-06-19 12:23:57 发布
阅读量974 收藏 1
点赞数 1
文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41818857/article/details/111614387
版权

我用的是目前webpack发布的最新版本：webpack5.11.0
开始打包项目，完成后先在Chrome浏览，发现完全没有问题，紧接着剧情走向了一个极端，我打开了ie，想在ie上测试一下能否运行，现实给了我一个耳光
在这里插入图片描述

然后我又想是不是因为ie不能识别es6语法，于是我又配置了babel-loader,还是不行，就这样反复测试找原因，郁闷了一天也没找到原因。
第二天接着来，我仔细查看了一下打包后的js代码发现
在这里插入图片描述
竟然webpack5.11.0自己自动生成的代码里面包含箭头函数，后来我把webpack的版本从5.11.0降到4.44.2再运行到ie就可以解决了，嗯。。。。。。

ohmorning
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack配置的一些坑
weixin_45736890的博客
01-15 2036
Module build failed (from ./node_modules/ts-loader/index.js): Error: TypeScript emitted no output for XXX
webpack打包
weixin_43187545的博客
01-19 127
1.webpack是什么？ 1.webpack构建工具：用来打包的 2.自带模块化(commonjs规范) 3.编译：es6 -> es5 , jsx -> es5 , ts(typescript) -> js 4.gulp所做的事情，webpack都可以做到 5.自带服务器，服务器也是基于Node（webpack-dev-server） 6.那些环境经常使用到webpack：...
webpack3，webpack4，webpack5的区别
花臂不花Home
06-09 2655
index.js打包前代码总共5行版本打包后webpack3代码77行，原始代码结构无变化，模块作为参数传入执行webpack4代码39行，原始代码结构做了压缩，模块作为参数传入执行webpack5代码4行，原始代码结构无变化，模块作为函数体并加载；但是当增加js源代码代码复杂度并打包后，打包后代码结构变化较大。
webpack5配置Eslint和Babel
red_password的博客
11-02 536
webpack5配置Eslint和Babel
Webpack4从入门到精通以及和webpack5对比_webpack现在用的是哪个版本
最新发布
2401_85124347的博客
06-19 722
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
webpack入门介绍（webpack 3.X）
Vv_mkziyuan
01-01 937
webpack是为什么？ 为什么要使用webpack？ 怎么配置webpack？
Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
qq_24600981的博客
05-23 5807
这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。
webpack版本及对应的插件版本记录
ccxbt的博客
05-18 2563
webpack版本及对应的插件版本记录
Webpack:webpack的基本使用，版本是个坑
05-12
webpack app 存放原始数据和书写JavaScript模块 public 存放准备给浏览器读取的数据(包括webpack生成的打包后的js文件以及一个index.html文件) 在webpack中使用 -S-D 有时会失效，建议使用--save-dev loader 注意...
vue-cli与webpack处理静态资源的方法及webpack打包的坑
08-27
同时，由于它们是源代码的一部分，建议将它们放在`/src`目录下，便于管理和版本控制。 2. `static/` 目录：这个目录下的文件不会经过Webpack处理，它们会在构建过程中直接被拷贝到目标文件夹，保持原有的文件结构。...
webpack3.0升级4.0的方法步骤
11-21
这些依赖有的是在build过程中发现依赖有新的替换或者报错，逐步替换的，如果想遇到多个坑，可以先把webpack、webpack-cli升级到对应版本 devDependencies: "extract-text-webpack-plugin": "^4.0.0-beta.0"
webpack 1.x升级过程中的踩坑总结大全
08-29
webpack1已结不再维护了，官方在主推webpack2，最近在升级webpack过程中遇到了不少的问题，所以下面这篇文章主要给大家总结了一些在webpack 1.x升级过程中的遇到的坑，以及详细的解决方法，需要的朋友可以参考借鉴，...
webpack@v4升级踩坑(小结)
10-17
Webpack 是一个流行的模块打包工具，常用于前端项目构建。在 Webpack 4（标记为 `webpack@v4`...在升级过程中遇到的每一个“坑”都是学习和提升的机会，通过解决这些问题，你可以更好地理解和掌握 Webpack 的工作原理。
【前端提升之---webpack 一】
weixin_46883714的博客
11-07 314
模块化开发是将程序划分成一个个小的结构。特点：在结构中编写内部实现，它有自己的作用域，不会污染结构外的代码和作用域；这个结构可以将自己希望暴露的变量、函数、对象等导出给其他结构使用，也可以通过某种方式，导入另外结构中的变量、函数、对象等等；之前提到的结构，就是模块；按照这种结构划分开发程序的过程，就是模块化开发的过程不能在浏览器中直接使用，而需要借用以下工具；
webpack4 升级至 webpack5 过程总结
渣渣宇的博客
09-03 7064
本文章记录本次从webpack4框架升级为webpack5之后衍生出来的所有更改 框架主体为 zzy-javascript-frame(地址在文末) 此项目为自行开发构建，包含原 webpack4 版本 和升级后的 webpack5 版本 框架技术栈为 react、react-router、HOOK、react-redux(已安装，未使用)、antd-mobile(UI框架) 插件相关改动 ...
史上最全webpack带你深入了解webpack
m0_62371650的博客
09-14 2206
史上最全webpack带你深入了解webpack
降低webpack版本, 完全卸载webpack,再重新安装
一勺菠萝丶的博客
05-10 8949
1. 安装 在全局下安装：npm install webpack -g 安装指定版本：npm install webpack@ -g 例如：npm install webpack@3.6.0 -g 如果只是用来练习全局安装就可以了，一开始装了个4.8.7版本的，node也是最新的npm也好着，一打包就出问 题, 查了一下发现原因是webpack版本太高, 以前的打包命令...
Webpack 各版本 ( v1 - v4 ) 的区别
一只路过的小码农
06-03 6222
前不久，研究了Webpack 4.X的整体配置，本篇文章我们研究 webpack各版本的区别 包括 v1,v2,v3,v4 文章目录Webpack：v1 与 v2 的区别 Webpack：v1 与 v2 的区别 新增对ES6语法的支持 支持tree-shaking（减少打包后的体积） ...
Webpack4从入门到精通以及和webpack5对比
我是小奶音啊的博客
09-05 1272
一、Webpack 简介 1.1 webpack 是什么 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。 1.2 webpack 五个核心概念 1.2.1 Entry 入口(Entry)：指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。 1.2.2 O
webpack版本的一些坑
09-07
以下是一些常见的Webpack版本坑点： 1. 版本兼容性问题：Webpack的不同版本之间可能存在一些差异，使用过程中需要注意版本兼容性问题。如果使用了不兼容的版本，可能会导致打包失败或者出现莫名其妙的错误。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值