【vue】vue-cli中 对于public文件夹的处理
pubcli和assets文件夹都是用来存储静态资源的,:
【assets文件夹】
通过相对路径被引入,这类引用会被webpack处理;
比如:
会被编译成:
再比如:
会被编译成:
【public文件夹】
放在public目录下的资源会被直接复制,不会经过webpack的打包处理。
但是要注意的是:public中的空文件夹资源是不会被复制的。
即使使用copy-webpack-plugin也是不会被copy的。
所以如果要引用的资源不希望被webpack处理时,可以将其放在public文件夹下,在index.html内引用资源文件且不希望被webpaxk处理时,可以加上前缀:
<%= BASE_URL %>
示例如下:
【参考文章】