Example using vue-loader with Webpack.
Setup
The directory structure
Gitignore # ignore files that don't need git control such as node_modules │ package.json # project configuration │ readme.md # Project description │ index.html # Home │ ├─node_modules │ ├ ─ build │ │ webpack. Base. Config. Js based configuration # webpack │ │ webpack. Dev. Config. Js # webpack development configuration │ └ ─ webpack. Prod. Config. Js │ ├ ─ └ SRC │ ├ ─ imp # ├ ─ imp # │ ├─ ├─ ├─ vue │ ├─ assets │ ├─ CSS # ├─ font # │ ├─ img #
For detailed explanation on how things work, read the docs for vue-loader.