@studiometa/webpack-config-preset-vue-2

A preset for @studiometa/webpack-config to add Vue 2 support to your project.

Usage

Install the package along with Vue:

npm install --save-dev @studiometa/webpack-config-preset-vue-2
npm install --save vue@2

And load the preset in the meta.config.js file:

import { defineConfig } from '@studiometa/webpack-config';
import { vue } from '@studiometa/webpack-config-preset-vue-2';

export default defineConfig({
  presets: [vue()],
  // ...
});

Pass options for the vue-loader and svgo used by the vue-svg-loader:

import { defineConfig } from '@studiometa/webpack-config';
import { vue } from '@studiometa/webpack-config-preset-vue-2';

export default defineConfig({
  presets: [vue({
    vue: {
      productionMode: true,
    },
    svgo: {
      plugins: [{ prefixIds: true }, { removeViewBox: false }],
    }
  })],
  // ...
});