Default project builds itself in the dist folder instead of the root

[Nicolapps]

When I create a project with vue init webpack, I npm install then I build the project with npm run build, the project is built in a dist folder, instead of at the root of my project.

I'm using vue-cli 2.5.1 and macOS 10.12.1. I was able to reproduce the bug twice.

Here's the configuration I'm using :

? Generate project in current directory? Yes
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset AirBNB
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? No

[LinusBorg]

The /dist folder contains the built content that will be deployed. This is practically "default" behaviour for frondend builds in the industry right now.

Have you read the docs? https://vuejs-templates.github.io/webpack/

I don't see any issue with that. Do you have a specific problem with it?

[Nicolapps]

OK, now I understand. I was confused because the docs are not very clear (the dist/ folder is not mentioned in the project structure : http://vuejs-templates.github.io/webpack/structure.html).

I would like to compile the assets directly in the project root (because I'm using GitHub Pages). How could I modify the config files to do so ?

[LinusBorg]

I would rather change this line:

// from:
  assetsRoot: path.resolve(__dirname, '../dist'),
// to:
  assetsRoot: path.resolve(__dirname, '../docs'),

and then use this option for github pages:

Otherwise, all your source code etc will be accessible through github pages as well, which you don't really want, I guess.

[Nicolapps]

I'll use Surge, it will be a lot easier ! 😄

I think it would be worth mentioning the dist/ folder in the documentation.