@best-shot/preset-vue

0.12.7 • Public • Published

@best-shot/preset-vue logo

A best-shot preset for Vue project.

npm github node

This preset offer the following features:

Installation

npm install @best-shot/preset-vue --save-dev

Usage

// example: .best-shot/config.mjs
export const config = {
  presets: ['vue'],
  vue: {
    // shadowMode
    // transformAssetUrls
    // compilerOptions
  }
};

Add CSS/SCSS/LESS support

npm install @best-shot/preset-style --save-dev
// example: .best-shot/config.mjs
export const config = {
  presets: ['style', 'vue']
};

Vue 3 migration build support

npm install @vue/compat --save

@vue/compat will become the alias of vue automatically.

// example: .best-shot/config.mjs
export const config = {
  presets: ['vue'],
  vue: {
    compilerOptions: {
      compatConfig: {
        MODE: 2
      }
    }
  }
};

Tips

Whitespace options override

options.compilerOptions.whitespace of vue-loader is set to condense by default.

See: vue-template-compiler#options

Related

Package Sidebar

Install

npm i @best-shot/preset-vue

Weekly Downloads

121

Version

0.12.7

License

MIT

Unpacked Size

6.14 kB

Total Files

4

Last publish

Collaborators

  • airkro