这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背出来......emmm...乍一看好像说的很有道理啊，但是仔细一看，这句话说的到底是个啥？针对上面的回答，我不禁有如下几个疑问：什么是静态资源？为什么动态添加的src会被当做的静态的资源？没有进行编译，是指为是什么没有被编译？加上require为什么能正确的引入资源，是因为加上require就能编译了？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背出来......emmm...乍一看好像说的很有道理啊，但是仔细一看，这句话说的到底是个啥？针对上面的回答，我不禁有如下几个疑问：什么是静态资源？为什么动态添加的src会被当做的静态的资源？没有进行编译，是指为是什么没有被编译？加上require为什么能正确的引入资源，是因为加上require就能编译了？
这句话的意思是，从隐式的引入模块导入的比如我使用某个第三方包，这个第三方包里面包含了mysql包我在代码里直接使用了这个mysql包，但是在go.mod里没有引入，代码里ide是不会报错的，因为能找到代码库，但是运行的时候会报错这个时候只需要显示的引入一下就可以了比如提示的goget xxxxx包gogetgithub.com/go-sql-driver/mysql@v1.5.0 这个时候点开go.mod文件，能看到mysql依赖就ok了或者我们直接点开go.mod文件，有个报红的错误。直接鼠标移上去点击同步一下，也是可以的。
这句话的意思是，从隐式的引入模块导入的比如我使用某个第三方包，这个第三方包里面包含了mysql包我在代码里直接使用了这个mysql包，但是在go.mod里没有引入，代码里ide是不会报错的，因为能找到代码库，但是运行的时候会报错这个时候只需要显示的引入一下就可以了比如提示的goget xxxxx包gogetgithub.com/go-sql-driver/mysql@v1.5.0 这个时候点开go.mod文件，能看到mysql依赖就ok了或者我们直接点开go.mod文件，有个报红的错误。直接鼠标移上去点击同步一下，也是可以的。
NoteaboutPostStructure(关于内容结构的说明）BasingonpreviousnoteofVol.1,Imanagetooptimizetheindecentclassificationmainlyaboutphrases.Itrytohighlighttheimportanceofcollocationsbothinsectionof"Words"andinthatof"Phrases".Also,afigurativeexpressionoraquotationcouldbebetterclassifiedinto"Expressions"now.In"Words"se
NoteaboutPostStructure(关于内容结构的说明）BasingonpreviousnoteofVol.1,Imanagetooptimizetheindecentclassificationmainlyaboutphrases.Itrytohighlighttheimportanceofcollocationsbothinsectionof"Words"andinthatof"Phrases".Also,afigurativeexpressionoraquotationcouldbebetterclassifiedinto"Expressions"now.In"Words"se
知识点：1：node.js中每个文件就是一个模块，有自己的作用域。在一个文件中定义的变量，函数，类都是私有的。对其他文件不可见。2：node.js遵循common.js规范，也就是说在ESModule中我们的导入导出使用的是import和export。在node中引入和暴露使用的是require和module.exports。3：require用来加载某个模块//b.jsvara=require('a.js')console.log(a.name)//'morrain'console.log(a.getAge())//184：module代表当前模块，是一个对象，保存了当前模块信息。expor
知识点：1：node.js中每个文件就是一个模块，有自己的作用域。在一个文件中定义的变量，函数，类都是私有的。对其他文件不可见。2：node.js遵循common.js规范，也就是说在ESModule中我们的导入导出使用的是import和export。在node中引入和暴露使用的是require和module.exports。3：require用来加载某个模块//b.jsvara=require('a.js')console.log(a.name)//'morrain'console.log(a.getAge())//184：module代表当前模块，是一个对象，保存了当前模块信息。expor
现如今的前端项目用webpack打包已经成为了行业趋势，然而在此模式的前提下，图片的引入是我们不可避免的问题。正常的图片引入是用img标签或者元素背景图的方式，采用这种方式的图片，webpack都能正常打包并显示。但是如果直接在js文件中定义图片路径，并赋给图片元素的话不能正常显示的，这是因为webpack打包后，会将静态资源文件放在dist/static/img下，我们的网站实际上以dist目录作为根目录，并由此加载该目录下的index.html所需的css、js、img等。而当我们在js文件中动态引入图片时url-loader是无法探测到图片路径的。我们build后发现，图片根本不会打包输
现如今的前端项目用webpack打包已经成为了行业趋势，然而在此模式的前提下，图片的引入是我们不可避免的问题。正常的图片引入是用img标签或者元素背景图的方式，采用这种方式的图片，webpack都能正常打包并显示。但是如果直接在js文件中定义图片路径，并赋给图片元素的话不能正常显示的，这是因为webpack打包后，会将静态资源文件放在dist/static/img下，我们的网站实际上以dist目录作为根目录，并由此加载该目录下的index.html所需的css、js、img等。而当我们在js文件中动态引入图片时url-loader是无法探测到图片路径的。我们build后发现，图片根本不会打包输
