是否可以使用自定义VueJS dist文件夹位置？

Question

要部署VueJS应用程序，请运行npm run build

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

我使用webpack模板vue init webpack app-name

创建我的VueJS应用程序

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