vue中assets和static的区别

 

Vue中assets和static的区别

再一次框架定型中，与同事在静态资源的存放上有了一些分歧，后来通过查阅总结以下：

 

相同点：

 

assets和static两个都是存放静态资源文件。项目中所须要的资源文件图片，字体图标，样式文件等均可以放在这两个文件下，这是相同点 

 

 

不相同点：

 

assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传，所谓打包简单点能够理解为压缩体积，代码格式化。而压缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器

 

static中放置的静态资源文件就不会要走打包压缩格式化等流程，而是直接进入打包好的目录，直接上传至服务器。由于避免了压缩直接进行上传，在打包时会提升必定的效率，可是static中的资源文件因为没有进行压缩等操做，因此文件的体积也就相对于assets中打包后的文件提交较大点。在服务器中就会占据更大的空间。因此简单点使用建议以下：

 

将项目中template须要的样式文件js文件等均可以放置在assets中，走打包这一流程。减小体积。而项目中引入的第三方的资源文件如iconfoont.css等文件能够放置在static中，由于这些引入的第三方文件已经通过处理，咱们再也不须要处理，直接上传。

 

固然具体状况，具体分析，在不一样的开发环境，不一样的需求下，你们应针对不一样具体状况采用合适方式。对二者的理解就简单总结这些。记录这些，只为记录本身的开发点击，望对你们有帮助。

做者： 狗尾草

个性签名：海到无边天做岸，山登绝顶人为峰！