webpack
文章平均质量分 79
River_Js
热衷于前端工作,兴趣广泛,喜欢阅读技术类书籍和玩有趣儿的小的demo,对新奇好玩的技术有极大的热情!
展开
-
webpack中的optimization属性部分功能归纳
什么是optimizationwebpack目前最新的版本是5,但是早在4的时候,就可以通过选择不同的mode模式来优化打包的结果,但是我们仍然可以使用optimization来对打包结果进行优化原创 2021-01-28 10:49:20 · 5259 阅读 · 0 评论 -
总结一下ES Module 容易踩坑的点,常见问题汇总
最近系统的学习了一下ES Module的一些内容,发现了一些在使用过程中几个容易踩坑的点一:script标签问题出现这个问题要检查在web环境中,html 的script 的标签如果没有加这个type属性,机会报错,因为ES Module是ES6的语法,浏览器是识别不了的题外话,如果在script标签里加了type = “module”会有如下几个特点:会默认变为严格模式,在严格模式下不可以直接使用this每个模块都会变成一个独立的私有作用域,外部是访问不到的可以自动延迟执行脚本,不会阻原创 2021-01-21 12:45:27 · 1460 阅读 · 2 评论 -
webpack:报错:CssSyntaxError(已解决)
css打包时,遇到如下报错ERROR in ./src/index.cssModule build failed (from ./node_modules/css-loader/dist/cjs.js):CssSyntaxError问题原因是:style-loader 和css-loader的顺序写反了,顺序写反就会报CssSyntaxError的错误原创 2020-12-15 21:43:52 · 2738 阅读 · 0 评论 -
webpack打包css报错(已解决):UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
初学者在学习webpack中容易踩一个版本过高的坑这是我在使用webpack打包css时,出现的一个错误,导致css无法打包原因是 css-loader 和 style-loader 版本过高解决方法:这是我原来的package.json的版本信息现在我手动下调了一下版本 "css-loader": "^3.3.0", "style-loader": "^1.0.0"然后再命令行中 依次输入:npm installnpm dev重新安装项目依赖,然后再次使用webpack原创 2020-09-09 11:24:09 · 9193 阅读 · 23 评论