美文网首页
Vue处理静态资源及public/static/assets目录

Vue处理静态资源及public/static/assets目录

作者: w晚风 | 来源:发表于2022-06-19 22:33 被阅读0次

    vue项目中有时候在纠结静态资源应该放在assets文件夹或者public、static文件夹中。

    都知道,vue项目build以后会生成一个dist文件夹,打包后的文件都放那这里。

    区别:

    public,static

    public文件夹中的文件会原封不动的放到dist文件夹中。比如我现在有个test文件夹,里面有个test.js文件:


    image.png

    里面有少量代码。

    运行build以后,看dist文件夹:


    image.png

    可以看到,test文件与test.js文件中的内容被原封不动的放到了dist文件夹中,且不会被压缩、合并

    assets

    build之后,assets目录中的文件,会被合并到一个文件中,然后进行压缩。多用来存放业务级的js、css等,如一些全局的scss样式文件、全局的工具类js文件等。

    相关文章

      网友评论

          本文标题:Vue处理静态资源及public/static/assets目录

          本文链接:https://www.haomeiwen.com/subject/gfldvrtx.html