assets文件夹与static文件夹的区别

简介: assets文件夹与static文件夹的区别

assets文件夹与static文件夹的区别


原地址==》https://www.cnblogs.com/x123811/p/9230700.html


相同点===>


assets文件夹和static文件夹在vue-cli生成的项目中,都是用来存放静态资源的。


不同点===>


assets目录中的文件会被webpack处理解析为模块依赖,【只支持相对路径形式】。


build的时候由Webpack解析为模块依赖。


static/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。


必须使用【绝对路径】引用这些文件,


这是通过在 config/index.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。


任何放在 static/ 中文件需要以绝对路径的形式引用:/static/[filename]。


config/index.js 文件如下:


assetsRoot: path.resolve(__dirname, '../dist'),


assetsSubDirectory: 'static',


assetsPublicPath: '/',

相关文章
|
7月前
|
应用服务中间件
dist文件夹、src文件夹、dest文件夹作用
dist文件夹、src文件夹、dest文件夹作用
190 0
|
1月前
|
开发框架 前端开发 算法
【Qt App 编译 】Qt Cmake 资源文件的加载:如何使用 CMakeLists.txt 文件和资源文件
【Qt App 编译 】Qt Cmake 资源文件的加载:如何使用 CMakeLists.txt 文件和资源文件
76 0
|
10月前
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
98 0
|
Java Spring
获取 /resources 目录资源文件的 9 种方法,还有谁不会?!-1
获取 /resources 目录资源文件的 9 种方法,还有谁不会?!
322 0
|
Java 开发工具 git
获取 /resources 目录资源文件的 9 种方法,还有谁不会?!-2
获取 /resources 目录资源文件的 9 种方法,还有谁不会?!
C# 获取本机系统特殊文件夹路径
C# 获取本机系统特殊文件夹路径
C# 获取本机系统特殊文件夹路径
|
存储 算法 Java
详解PNG文件结构
详解PNG文件结构
513 0
详解PNG文件结构
|
JavaScript 开发者
_dirname 和_filename 获取正在执行的 js 文件的路径|学习笔记
快速学习_dirname 和 _filename 获取正在执行的 js 文件的路径
170 0
_dirname 和_filename 获取正在执行的 js 文件的路径|学习笔记
more-copy.js指定文件模板生成到指定的文件目录下
more-copy.js指定文件模板生成到指定的文件目录下