deployment - 是否可以自定义 VueJS dist 文件夹位置？

Question

要部署 VueJS 应用程序，您可以运行 npm run build

这会在您的开发应用程序结构中创建一个 dist 文件夹。是否可以更改创建此 dist 文件夹的位置。

我使用 webpack 模板创建我的 VueJS 应用 vue init webpack app-name

Answer 1

在vue中webpack模板你可以在 config/index.js 文件中更改路径:

  build: {
    [...]
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    [...]
  },

将两行更改为(对于绝对路径):

index: path.resolve('/www/dist/index.html'),
assetsRoot: path.resolve('/www/dist'),

或者，对于一个相对的:

index: path.resolve(__dirname, '../deploy/public_html/index.html'),
assetsRoot: path.resolve(__dirname, '../deploy/public_html'),

---

如果你在Windows环境下，你可以使用上面的格式或者'C:\\www'之类的(只要确保转义\)

path.resolve docs