Estructura de proyecto con WebPack

├── build/# webpack config files

│ └── ...

├── config/

│ ├── index.js# main project config

│ └── ...

├── src/

│ ├── main.js# app entry file

│ ├── App.vue# main app component

│ ├── components/# ui components

│ │ └── ...

│ └── assets/# module assets (processed by webpack)

│ └── ...

├── static/# pure static assets (directly copied)

├──test/

│└── unit/# unit tests

│ │ ├── specs/# test spec files

│ │ ├── index.js# test build entry file

│ │ └── karma.conf.js# test runner config file

│ └── e2e/# e2e tests

│ │ ├── specs/# test spec files

│ │ ├── custom-assertions/# custom assertions for e2e tests

│ │ ├── runner.js# test runner script

│ │ └── nightwatch.conf.js# test runner config file

├── .babelrc# babel config

├── .postcssrc.js# postcss config

├── .eslintrc.js# eslint config

├── .editorconfig# editor config

├── index.html# index.html template

└── package.json# build scripts and dependencies

build/

Este directorio contiene las configuraciones para el servidor en producción. Normalmente no deberíamos modificar estos archivos ya que viene con la configuración estándar para que podamos trabajar, ahora si queremos personalizar los cargadores de Webpack ahí deberíamos modificar el archivo build/webpack.base.conf.js

config/index.js

Este es el archivo de configuración principal de nuestro proyecto. Acá definimos algunos directorios en donde se buscarán algunos recursos.

src/

En este directorio está todo el código de nuestro proyecto, las imágenes, las rutas, los componentes.

static/

Es estático, nos copia los archivos que generemos pero lo hace sin la estructura del webpack.

test/unit

Archivos para que podamos realizar pruebas unitarias en nuestro proyecto.

test/e2e

para realizar pruebas y se evalúa el flujo entero de la aplicación, no es como realizar pruebas unitarias.

index.html

Este es nuestro html en donde finalmente se carga todos los elementos de la vista.

package.json

contiene todas las dependencia de compilación que son instalados con NPM.