vuemaker-webpack-plugin

Webpack plugin to build vue files from html/script/style files

Usage no npm install needed!

<script type="module">
  import vuemakerWebpackPlugin from 'https://cdn.skypack.dev/vuemaker-webpack-plugin';
</script>

README

vuemaker-webpack-plugin

Webpack plugin to build vue files from html/script/style files.
Inspired by vue-builder-webpack-plugin and gulp-vuemaker

Description

This plugin takes your *.js|coffee|css|scss|sass|less|styl|html|pug|jade files and makes one *.vue file for webpack and vue-loader.

Usage

In your webpack.config.js:

const VuemakerWebpackPlugin = require('vuemaker-webpack-plugin');

module.exports = {
  // …
  plugins: [
    new VuemakerWebpackPlugin({
      root: 'src/path/to/components',
    }),
  ],
};

"scoped" support

Add a one line multiline comment on the top (first line) of your style file with vue and scoped mentioned.

/* vue:scoped */
Your styles here…

"functional" support

Add a one line multiline comment on the top (first line) of your style file with vue and functional mentioned.

<!-- vue:functional -->
Your template here…