你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。 在所有的*.vue文件中你所有的templates 和CSS 都被vue ...

assets 为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 src="./logo.png"> ...

资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会 ...

区别一（最终位置） assets文件是src下的，所以最后运行是需要进行打包，而static文件不需要打包直接放在最终的文件中了 区别二（引用方式） assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用，但是在script下必须用@import ...

资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png ...

首先，assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。 1、assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。build的时候由Webpack解析为模块依赖。 2、 static/ 目录下的文件 ...

assets文件夹与static文件夹的区别原地址==》https://www.cnblogs.com/x123811/p/9230700.html 相同点===>assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。不同点===>assets ...

1、如果这些产品图片文件“万年不变”，放在 /static 目录里，（不需要使用require将这些图片作为模块来引用） 2、Vue实例数据的数组中只会保存图片文件路径，通过webpack打包不会将图片拷贝到dist目录中，所以本着模块化的思想下，应该用require来引用 ...