vue-cli中 assetsPublicPath, assetsSubDirectory的区别? ---已解决！-前端-E先生的博客

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://javajz.cn

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