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>

如果要是把資源放在https://www.baidu.com/projectName目錄下面，可以這樣配置

assetsPublicPath: './'

如果使用的是histroy 模式，使用相對路徑報錯，可以這樣配置成絕對路徑

assetsPublicPath: '/projectName/'