【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打包的静态资源