Vue中不管是动态还是静态引入图片，都会进行打包和编译，require是node中的一个方法，用于引入模块，JSON或者本地文件，在webpack进行图片资源打包时，通常会有个打包规则，大于8K时，会将图片打包到dist下，之后会将新图片地址返回给src，小于8K时，会将图片转为base64直接插入图片，（这为了减少http请求，也不会影响到页面的加载性能）说了这么多，跟require有什么关系？当然有！Vue最终是通过webpack进行打包的，而webpack的打包规则就是针对一个个模块，就是说webpack只会对一个个模块进行打包，图片又不是模块，所以我们需要require引入，使其变为一个模块，通过require方法拿到后的文件地址，是资源文件编译后的地址（dist目录生成的文件或base64），因此可以成功的找到对应的文件，从而成功引入资源，
标签：Vue,require,webpack,模块,引入,打包,图片 From： https://www.cnblogs.com/123abcde/p/17007314.html