https://github.com/foxbunny/webpack-blocks-vue

Webpack block for Vue components
https://github.com/foxbunny/webpack-blocks-vue

Last synced: 28 days ago
JSON representation

Webpack block for Vue components

• Host: GitHub
• URL: https://github.com/foxbunny/webpack-blocks-vue
• Owner: foxbunny
• Created: 2017-03-23T21:52:14.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-09-22T09:50:53.000Z (over 7 years ago)
• Last Synced: 2024-11-18T17:59:54.305Z (about 1 month ago)
• Language: JavaScript
• Size: 8.79 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Webpack blocks - Vue.js

This is the `vue` block providing [Vue.js](vuejs.org) component support. Uses

[vue-loader](http://vue-loader.vuejs.org/en/).

**THIS PACKAGE IS NO LONGER ACTIVELY MAINTAINED. IF YOU WISH TO TAKE OVER, PLEASE LEAVE A COMMENT IN [THE ISSUES](https://github.com/foxbunny/webpack-blocks-vue/issues/4).**

## Installation

You can install this package using npm:

    npm install --save-dev webpack-blocks-vue

or yarn:

    yarn add --dev webpack-blocks-vue

## Status

As of version 1.0.0, this package is compatible with webpack-blocks 1.x, and is,

therefore, only compatible with webpack 2. If you need to support webpack 1, use

webpack-blocks <1.0 and webpack-blocks-vue 0.2.0.

This package is currently in alpha. It has been provided to you in good faith

but it is currently almost guaranteed to break.

## Options

Uses the same options as [advanced vue-loader

configuratioin](http://vue-loader.vuejs.org/en/configurations/advanced.html),

with the additon of `extractCSS` boolean flag, which is a shortcut for [extracting CSS](http://vue-loader.vuejs.org/en/configurations/extract-css.html).

## Example:

```javascript

var {createConfig, ...} = require('webpack-blocks');

var vue = require('webpack-blocks-vue');

module.exports = createConfig([

  // ...

  vue({

    loaders: {

      coffee: 'coffee-loader',

      css: 'sass-loader'

    },

    extractCSS: true

  }),

  // ...

])

```