vue-cli 2.x版本中conf/index中assetsRoot、assetsSubDirectory、assetsPublicPath路径的含义

assetsRoot: path.resolve(__dirname, '../dist'),  
assetsSubDirectory: 'static',
assetsPublicPath: '/',
  • assetsRoot 资源根路径 项目打包后存放的路径 即项目目录下的dist文件
  • assetsSubDirectory 资源子目录 存放静态资源文件的static,css、js、img
  • assetsPublicPath 资源公共路径 ,我们访问静态资源需要额外的前缀

例如 :
assetsPublicPath:’./’
在代码中我们引用资源路径

<img src="../../img/1.jpg">

打包之后的文件路径为 :static/img/1.jpg

另外vue/cli使用的是publicPath配置的资源前缀的

posted @ 2021-08-26 15:03  front-gl  阅读(731)  评论(0编辑  收藏  举报