@olivierbelaud/bulma

A module for bulma scss integration in Nuxt

Usage no npm install needed!

<script type="module">
  import olivierbelaudBulma from 'https://cdn.skypack.dev/@olivierbelaud/bulma';
</script>

README

Bulma

npm npm (scoped with tag)

Leverage bulma CSS.

Setup

  • Add @olivierbelaud/bulma dependency using yarn or npm to your project
  • Add @olivierbelaud/bulma to modules section of nuxt.config.js
{
  modules: [
    '@olivierbelaud/bulma'
  ]
}
  • You will need to use postcss loader if you are not already using it.

build: {
    /*
    ** You can extend webpack config here
    */
    postcss: {
      plugins: {
        'postcss-preset-env': {
          features: {
            customProperties: false
          }
        }
      }
    },
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }