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

posted @ 2019-12-23 10:26  WANNANANANA  阅读(17817)  评论(1编辑  收藏  举报