Vue图片路径如何实现，深入浅出讲解？

本文共计1330个文字，预计阅读时间需要6分钟。

基础+1. Webpack打包本质+本质就是Node.js去执行webpack脚本，通过webpack脚本对项目各个文件进行必要的编译（通俗来说即字符串处理），再输出到某个目录+2. import from和require+webpack相关脚本中的import from

基础

1.webpack打包本质

本质就是nodejs去执行webpack脚本，由webpack脚本对项目各个文件进行必要的编译(通俗而言即字符串处理)，再输出到某个目录

2.import from 和require

webpack相关脚本中的require和我们前端js文件中使用的require函数不是一回事，它的require是nodejs的关键字。

而前端js文件中，使用到的require在编译时相当于一个webpack定义的关键字，运行时则是webpack提供的一个函数。主要能力有：完成导入，参数可以省略部分后缀名(需要配置)、是目录时导入该目录下的index.js、能够使用别名(alias，需要配置)、导入图片(实际导入为base64编码后的字符串)，通过编译时提供信息给各个loader处理以获得各种加载导入功能。import from是webpack提供的语法糖，可当作是const xx=require(xxxx)的组合。