/Javascript/Vue/How to render file vue template in javascript with gulp

How to render file vue template in javascript with gulp

gulp.task('bundle-for-dev', function () {
    return browserify({entries: ['./src/js/entry.js']}) // path to your entry file here
    .transform(vueify)
    .plugin('vueify/plugins/extract-css', { out: './tmp/css/bundle.css' }) // path to where you want your css
    .transform(babelify, {"presets": ["es2015"]})
    .external('vue') // remove vue from the bundle, if you omit this line whole vue will be bundled with your code
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./tmp/js'));
})

Source: forum.vuejs.org

How to render file vue template in javascript with gulp

"browser": {
   "vue": "vue/dist/vue.common.js"
 }

Source: forum.vuejs.org

How to render file vue template in javascript with gulp

var babelify   = require('babelify'),
    browserify = require('browserify'),
    buffer     = require('vinyl-buffer'),
    es         = require('event-stream'),
    gulp       = require('gulp'),
    source     = require('vinyl-source-stream'),
    uglify     = require('gulp-uglify'),
    uglifyify  = require('uglifyify'),
    vueify     = require('vueify');

Source: forum.vuejs.org

Similar codes

1 vote317 views1 answer
Vue js access data in method
Javascript Vue
3 votes318 views2 answers
Countdown using vue
Javascript Vue
0 vote313 views2 answers
Vue chart nuxt
Javascript Vue
0 vote322 views1 answer
Firestorage vuetify
Javascript Vue
0 vote319 views1 answer
Vuejs get value of checkbox group
Javascript Vue
0 vote339 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote330 views1 answer
How add dynamic class in vue.js
Javascript Vue
2 votes323 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote353 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote314 views1 answer
Inertia-link vuetify
Javascript Vue