实现vue-cli 项目编译后文件夹名称根据项目根的文件夹名生成

之前写了个小功能,可以让使用webpack 的vue-cli项目。

打包出的文件夹默认的dist名称,变成项目的根目录的文件夹名称

只要在vue.config 里加上我这些代码。代码没有闭合标签。要手动闭合哦

let dirNameArray
if(__dirname.indexOf('\\')!=-1){
    // win
    dirNameArray = __dirname.split('\\');
}else if(__dirname.indexOf('/')!=-1){
    // 不是 win
    dirNameArray = __dirname.split('/');
}
const nAL = dirNameArray.length
const nI = nAL-1
const outputDirName = (nAL && nI < nAL && nI >=0 )?dirNameArray[nI] + '-dist':'dist'
console.log('outputDirName', outputDirName)

module.exports = {
    // 打包后的文件夹名称
    outputDir: outputDirName,

 

posted @ 2021-10-12 15:35  Noliebe  阅读(284)  评论(0编辑  收藏  举报