@fbi-js/webpack-config-vue

@fbi-js/webpack-config-vue

Webpack config for Vue.js project. Extends @fbi-js/webpack-config-base

Usage

npm i -D @fbi-js/webpack-config-vue webpack@5 webpack-dev-server@next

• ./webpack.config.js

  const config = require('@fbi-js/webpack-config-vue').default
  
  // default
  module.exports = config()
  
  // extends
  module.exports = {
    ...config(),
    entry: './index.js'
  }
  
  // with options
  module.exports = config({
    options: {
      isTs: true
    }
  })

• or ./webpack.config.ts

  import config from '@fbi-js/webpack-config-vue'
  
  // default
  export default config()
  
  // extends
  export default {
    ...config(),
    entry: './index.js'
  }
  
  // with options
  export default config({
    options: {
      isTs: true
    }
  })

Options

svg usage

<template>
  <div>
    <Logo width="60" />
    <div class="bg-svg" />
  </div>
</template>

<script lang="ts">
  import Logo from '@/assets/img/logo.svg'

  export default {
    components: {
      Logo
    }
  }
</script>

<style scoped lang="scss">
  .bg-svg {
    background-image: url('~@/assets/img/logo.svg?inline'); // `?inline` is required
  }
</style>

License

Licensed under MIT.