【vue】vue-cli中 对于public文件夹的处理


pubcli和assets文件夹都是用来存储静态资源的,:

【assets文件夹】

通过相对路径被引入,这类引用会被webpack处理;

比如:

会被编译成:

 

再比如:

会被编译成:

 

【public文件夹】

放在public目录下的资源会被直接复制,不会经过webpack的打包处理。

但是要注意的是:public中的空文件夹资源是不会被复制的。

即使使用copy-webpack-plugin也是不会被copy的。

所以如果要引用的资源不希望被webpack处理时,可以将其放在public文件夹下,在index.html内引用资源文件且不希望被webpaxk处理时,可以加上前缀:

<%= BASE_URL %>

示例如下:

 

【参考文章】

vue-cli中不想经过webpack打包的静态资源


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM