zc135565的博客

原版项目：vue2+webpack3+babel6升级项目：vue2+webpack4+babel7最近需要将vue项目升级，以获得更好的构建性能和开发便利，由于网上没有一个可以参考的实用用性文章，故此将升级项目过程记录并分享给各位，希望对各位有用。也欢迎关注本人的公众号：前端学海根据多次尝试总结出的经验，先升级与webpack无关的组件，然后再升级webpack，注意webpack不同的版本需要的webpack-cli也不同，否则会产生兼容报错，切记！！！最好按照一下给出的升级顺序进行，每个包后面

前端——诞生之初就是为了浏览器的有更好的页面交互。最初的前端技术，无非就是HTML、CSS、JavaScript三种核心技术我们开看看百度给前端的定义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。可随着技术的快速发展，前端开发衍生出了很多流行的框架，如jQuery 、Bootstrap、React、Angular、vue，这几.

webpack，使用html-withimg-loader打包img图片，打包后图片无法显示，路径上多出default的一个对象。前面会进行img图片打包的配置安装和介绍。对于已了解的，想直接解决问题的实用党，可跳过第一部分，直接看第二部分代码。第一部分：插件安装和配置介绍（本人目前使用的配置）在使用webpack进行打包时，使用url-loader打包的是样式文件中的背景图片，如less、...