@best-shot/preset-vue

A best-shot preset for Vue project.

Usage no npm install needed!

<script type="module">
  import bestShotPresetVue from 'https://cdn.skypack.dev/@best-shot/preset-vue';
</script>

README

@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 default {
  presets: ['vue'],
  vue: {
    // shadowMode
    // transformAssetUrls
    // compilerOptions
  }
};

Tips

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 default {
  presets: ['vue'],
  vue: {
    compilerOptions: {
      compatConfig: {
        MODE: 2
      }
    }
  }
};

Whitespace options override

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

See: vue-template-compiler#options

Add CSS/SCSS/LESS support

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

// example: .best-shot/config.mjs
export default {
  presets: ['style', 'vue']
};

Related