vue-cli中 assetsPublicPath, assetsSubDirectory的区别
Posted fewhj
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli中 assetsPublicPath, assetsSubDirectory的区别相关的知识，希望对你有一定的参考价值。
webpack配置代码：
index: path.resolve(__dirname, ‘../dist/index.html‘), assetsRoot: path.resolve(__dirname, ‘../dist‘), assetsSubDirectory: ‘static‘, assetsPublicPath: ‘./projectName‘
上述代码的含义：
assetsRoot : 在当前目录的上一级 的 dist目录下输出资源文件
assetsSubDirectory: 把所有的静态资源打包到 dist下的 static文件夹下
assetsPublicPath :代表生成的index.html文件，里面引入资源时，路径前面要加上 ./projectName/,也就是assetsPublicPath的值，即在index.html代码中引用静态文件：
<script type="text/javascript" src="./projectName/static/js/app.js"></script>
以上是关于vue-cli中 assetsPublicPath, assetsSubDirectory的区别的主要内容，如果未能解决你的问题，请参考以下文章
vue-cli 创建的项目vue.config.js文件配置assetsPublicPath
vue-cli项目 build后请求本地static文件中的 json数据，路径不对，报错404处理方法