Vue项目从webpack3.x升级webpack4完全指南

近日,泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本。其中有一些细节还是需要记录一下,以免过两天就忘记了。

原先的环境

  • 项目原先通过Vue-cli 2.9.3 版本构建,
  • 原先使用的webpack 3.x版本

首先需要对基础包进行更新(package.json)

  • webpack 更新到4.x版本,泡面这里更新到了4.28.3
  • 更新webpack-dev-server,泡面更新到了3.1.14版本,
  • 安装webpack-cli,泡面安装的是3.2.1版本

继续阅读Vue项目从webpack3.x升级webpack4完全指南

快速解决Vue项目打包样式中静态资源路径问题

最近在使用基于Vue-cli构建的项目中,使用Webpack打包时,在样式表中引入的background-image路径,在生产环境无法显示.

导致该问题是因为:
1. 生产环境路径与开发环境不一致
2. 生产打包后,样式中的相对路径由webpack变为了绝对路径

继续阅读快速解决Vue项目打包样式中静态资源路径问题