vue-cli中 assetsPublicPath, assetsSubDirectory的区别? ---已解决!-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

vue-cli中 assetsPublicPath, assetsSubDirectory的区别? ---已解决!

[导读]:assetsRoot:打包后存放的位置 assetsSubDirectory:静态文件路径会拼接上assetsPublicPath+assetsSubDirectory assetsPublicPath:test ---- 访问路径后添加/test 基本的意义 index: path.resolve(__dirname, ../dist/index.html), asse...
assetsRoot:打包后存放的位置
assetsSubDirectory:静态文件路径会拼接上 assetsPublicPath+assetsSubDirectory
assetsPublicPath:'test' ---- 访问路径后添加/test

基本的意义
 
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
复制代码
 
index: 模板
assetRoot: 打包后文件要存放的路径
assetsSubDirectory: 除了 index.html 之外的静态资源要存放的路径,
assetsPublicPath: 代表打包后,index.html里面引用资源的的相对地址
 
无数次修改配置 和 build后的 见解
 
index: path.resolve(__dirname, '../dist/index.html'),// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: './assets/',
assetsPublicPath: './hello/',
 
打包后为
复制代码
 
 
assetsRoot : 在当前目录的上一级 的 dist目录下输出资源文件
assetsSubDirectory: 把所有的静态资源打包到 dist下的 assets文件夹下
assetsPublicPath :代表生成的index.html文件,里面引入资源时,路径前面要加上 ./hello/,也就是assetsPublicPath的值 ``
由此可见 ,我们可以直接 设置 assetsPublicPath为绝对路径,比如自己的线上路径前缀, https://www.yanxias.com/,则打包后的路径,全部会加上这个前缀,如果配置package.json的一些参数,就可以放心的把自己html里面的内容复制出来,放在任何地方都可以用了

本文来自E先生的博客,如若转载,请注明出处:https://www.javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ