在Web開發中，Vue是一個十分流行的前端框架，可以幫助我們快速構建出高質量的用戶界面。在大型項目中，往往需要根據實際情況對工程進行一些自定義的配置，其中之一就是修改Vue工程的名稱。

修改Vue工程名稱分為兩個部分：修改package.json文件中的名稱，以及修改webpack.config.js中的入口(entry)和出口(output)名稱。

修改package.json文件中的名稱

{
"name": "new-project-name",
"version": "1.0.0",
"description": "",
"author": "",
"private": true,
"scripts": {
// ...
},
"dependencies": {
// ...
},
"devDependencies": {
// ...
}
}

打開工程根目錄下的package.json文件，找到"name"字段，并將其值修改為你要的工程名。注意："name"字段的值必須符合npm name規范，即不能包含大寫字母和空格。

修改webpack.config.js中的名稱

const path = require('path');
module.exports = {
mode: 'development',
entry: {
'new-bundle-name': './src/index.js'
},
output: {
filename: 'new-bundle-name.js',
path: path.resolve(__dirname, 'dist')
},
// ...
};

在webpack.config.js中，我們需要修改entry和output兩個字段的值。

• entry:將入口(entry)名稱修改為新的名稱，例如："new-bundle-name"。
• output:將輸出(output)的文件名(filename)和路徑(path)中的名稱修改為新的名稱，例如："new-bundle-name.js"和"./dist"。

除了修改entry和output外，你還可以對其他配置進行修改以滿足你的工程需求。例如，你可以添加別名(alias)以便于在工程中使用相對路徑訪問文件。

更改完成后的注意事項

當你成功完成了Vue工程名稱的修改，你需要在終端中重新運行npm install來更新依賴，否則在打包時會出現一些意想不到的錯誤。

另外，如果你使用了Vue CLI創建了Vue工程，則你不需要手動修改package.json中的名稱，只需要在終端中運行vue rename new-project-name即可。這將對package.json、public/index.html、src/main.js做出相應的修改。

總之，在Vue工程中，修改工程名稱只需要簡單地修改package.json和webpack.config.js文件即可。希望這篇文章能對你有所幫助！