在Vue 2.0项目中,`assets` 和 `static` 是两个非常重要的目录,它们用于存放静态资源,但功能却有所不同!🎯
首先来看看 `assets` 目录 🗂️:
这个文件夹里的资源会被 Webpack 处理并压缩优化,比如图片、CSS 文件等。你可以在代码中通过模块的方式导入它们,比如 `import img from './assets/logo.png'`。Webpack 会智能地处理这些文件路径,甚至可以动态加载哦!✨
再看 `static` 目录 📁:
与 `assets` 不同,这里的文件不会被 Webpack 打包或压缩,直接原样复制到输出目录中。适合存放不需要处理的文件,如第三方库、原始文件等。访问时需要使用绝对路径,比如 `/static/xxx.js`。📦
总结一下:`assets` 更灵活,适合被打包优化;而 `static` 则是“免加工”的存放区。根据需求选择合适的目录吧!💪
Vue 前端开发 静态资源