当前位置: 首页 > 后端技术 > Node.js

webpack在中级前端工程师的路上

时间:2023-04-03 16:27:58 Node.js

最近发现很多人不小心把webpack升级到4.0,遇到了一些坑。好奇,查阅了很多文章,其中一篇讲到放弃vue-cli等脚手架,让我感触很深。.虽然vue-cli给我们带来了很多便利,但是作为一条有梦想的咸鱼,我们怎么能一直满足于编写业务代码呢?研究代码不是我的爱好,但我沉浸在研究新知识后的成就感和被别人钦佩的目光中。无法自拔~~~~看了很多文章,简单总结一下webpack:1.node环境下运行的js,以及运行在浏览器中的js、html、css等文件按照顺序分别打包dependencies3.在处理modules时,可以对js和css(Loaders)进行预处理,比如将es6、jsx、vue转换成浏览器可识别兼容的js,对sass也可以做类似的处理4.强大的插件功能:压缩js,生成html文件一句话:增删改建js,html,css文件,它能做到人类能做到的,也能做到人类不能做到的当然还有很多webpack的功能。这里就不一一介绍了。可以参考:https://segmentfault.com/a/11...写的很好。说说webpack4.0升级带来的坑:1.webpack4.0把CLI单独拿出来放到webpack-cli里面,需要单独安装。2.不再支持Node版本4.x3。Webpack现在可以原生处理JSON4.extract-text-webpack-plugin需要使用extract-text-webpack-plugin@next