vue-loader

Vue.js component loader for Webpack.

NOTE: the master branch (9.0+) only works with Vue 2.x. For usage with Vue 1.x, see the 8.x branch.

It allows you to write your components in this format:

The best way to get started is with vue-cli:

npm install -g vue-cli
vue init webpack-simple hello
cd hello
npm install
npm run dev

This will setup a basic Webpack + vue-loader project for you, with *.vue files and hot-reloading working out of the box!

For advanced vue-loader configuration, checkout the documentation.

Additional Option

injectPathTemplateRootElement : inject at template root element attributes

 injectPathTemplateRootElement: true,
 
 --> <div ___comp_path="./src/components/Header.vue"></div>