webpack4.0以上太难了....

我刚入门webpack就被版本问题坑一脸,以此第一篇博客记录一下我踩过的坑~~~

1.报错:Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

- configuration has an unknown property ‘mode‘. These properties are valid:

解决:Webpack4以上要声明mode:‘development‘,4以下版本不用

2.运行webpack-dev-server时报错:Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead

解决:extract-text-webpack-plugin还不能支持webpack4.0.0以上的版本,将Webpack版本将至3,全局卸载webpack:npm uninstall webpack -g,最好将node_modules文件一起删除,避免卸载残留影响低版本安装。

3.还有在实用plugin时一定要带s!!!

能记起来的就这么多啦~~之后再想到的再补充吧~~

原文地址:https://www.cnblogs.com/xgxxx/p/12120615.html

时间: 2024-11-11 19:41:27

webpack4.0以上太难了....的相关文章

ZookeeperNet太难用,写了个RetryHelper来进行配套使用

普通的zk用法,如下写法: zk.Exists("/aaa", true); zk.Create(...); 但是由于这些API会抛Zookeeper的Exception,比如ConnectionLossException, NoNodeException等,所以必须配合一堆try/catch的机制来catch错误,catch后再处理... 写起来很麻烦 因此写了个RetryHelper来封装上面这个try/catch行为,用起来也比较方便,如下: RetryHelper helper

webpack4.0打包的时候一些技巧

4.0的webpack要比之前的版本强大的不是一点点 打包的时候也做了很多优化 然后说一些这段时间发现的有趣的技巧 1. 打包出来的文件很大,不知道是什么原因可以用 webpack-bundle-analyzer 很牛逼的分析工具,能知道打包出来的文件的都来自于属什么地方,每个有多大 使用方法很简单 1. 引入 2. 放到插件里 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

webpack4.0介绍与使用

---恢复内容开始--- 1:webpack的基本使用: ##在网页中会引用那些静态资源: js, css, images, 字体文件和模板文件(.vue)等 ##网页总引用静态资源多了以后会有那些问题: 网页加载速度慢,因为会发起很多二次请求,script标签,link标签,遇到src都会发起请求,随意一个页面要完整显示出来发送的请求数应该由资源数量决定 处理各种依赖关系 ##解决办法: 合并,压缩,精灵图,图片的base64图片(第一次请求是图片转成base64字符串直接放到页面中,荷叶面一

2019年互联网寒冬,企业大裁员,我们太难了

2019年,我们真的是太难了,大家又没感觉到? “上午还在写代码修Bug,下午就被裁掉了……” 随着寒冬的到来,各大互联网公司裁员的消息屡见不鲜.甚至连一些科技巨头都在人力优化和收紧,下面是今年大公司裁员的详情,图片来源于网络. 再看看网络上的其他信息. 新浪微博的裁员: Keep裁员信息: 2019年,资本寒冬笼罩之下,各行业裁员消息频出,尤以互联网行业首当其冲.红利已过,大势已去,唱衰之声日隆,职场更是哀鸿一片,遍地爆雷,裁员风波一浪高过一浪,500强名企皆不得幸免. 由于整个市场经济的下行

Oops,OOP太难玩了

花了好几天一边玩游戏一边折腾重构,就为了给方块的移动加上动画. 失败了嗯. 首先想到的是让Block类继承View,然后让方块绘画自己,自己执行动画. 因为之前是直接往SurfaceView上画正方形的,所以肯定加不上动画. 但是后来发现这样就用不着SurfaceView了,于是重新写了布局,想着把方块扔到容器里. 结构特别清晰易懂是不是! 简直太赞了,跟个逼真的似的,我脑子里就出现了往RelativeLayout里面一个个填入方块,然后消除了之后方块掉落的场景. 方块不再只是个正方形了,它拥有

ZookeeperNet太难用,写了个RetryHelper来进行配套使用 - McKay - 博客园

ZookeeperNet太难用,写了个RetryHelper来进行配套使用 - McKay - 博客园 ZookeeperNet太难用,写了个RetryHelper来进行配套使用

webpack4.0.1安装问题和webpack.config.js的配置变化

The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D webpack4.0.1安装问题,提示: The CLI mov

webpack4.0在Mac下的安装配置及踩到的坑

一.什么是webpack是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源.它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用.可以将多种静态资源 js.css.less 转换成一个静态文件,减少了页面的请求. ? webpack4.0 安装与环境配置在安装webpack4.0之前,需要安装node,nod

[转]webpack4.0.1安装问题和webpack.config.js的配置变化

本文转自:https://blog.csdn.net/jiang7701037/article/details/79403637 The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When usi