# Vue.js

Pangolin.js uses webpack (opens new window) under the hood and generates its configuration with webpack-chain (opens new window). This allows to tap into the loaders and plugins and extend the pipeline.

# Installation

# Install Vue.js

# Install Vue.js as a dependency
npm install vue

# Install vue-loader and vue-template-compiler as development dependencies
npm install --save-dev vue-loader vue-template-compiler webpack

# Install ESLint plugin Optional

npm install --save-dev eslint-plugin-vue

# Configuration

# pangolin.config.js

Extend your pangolin.config.js with the following settings:

import VueLoaderPlugin from 'vue-loader/lib/plugin'

export default {
  webpack (config) {
    /* eslint-disable indent */




    /* eslint-enable indent */

# .eslintrc.js Optional

If you chose to install the ESLint plugin for Vue (opens new window), you can extend your ESLint configuration with the recommended rules:

module.exports = {
  root: true,
  extends: [

# Usage

Now you are ready to import single file components (opens new window) in Pangolin.js.