ed-vue-tools

Library of components and utilities for Vue.js (Emmedata srl)

Usage no npm install needed!

<script type="module">
  import edVueTools from 'https://cdn.skypack.dev/ed-vue-tools';
</script>

README

main.js


import EdVueTools from 'ed-vue-tools';

import 'ed-vue-tools/dist/ed-vue-tools.css';

import repository from '../lansa';

// ...

Vue.use( EdVueTools, {

    envMode: process.env.NODE_ENV,

    lansa: {
    
        repository,

    },

    dmoda: {
    
        devSession: process.env.NODE_ENV == 'development',

    },

});

vue.config.js


const EdVueToolsWebpack = require('ed-vue-tools/webpack');

module.exports = {

    // ...

    chainWebpack: config => {
        config.module
            .rule('vue-repo')
            .test(/\.vue$/)
            .exclude
                .add(/node_modules/)
                .end()            
            .use('ed-vue-tools-webpack')
                .loader('ed-vue-tools/webpack')
                .end();

        config.module
            .rule('js-repo')
            .test(/\.js$/)
            .exclude
                .add(/node_modules/)
                .end()            
            .use('ed-vue-tools-webpack')
                .loader('ed-vue-tools/webpack')
                .end();  
        
        config
            .plugin('EdVueToolsWebpack.compiler')
                .use(EdVueToolsWebpack.compiler)
                .end()
    },

    // ...

}