gulp-vue2blade's Introduction

gulp-vue2blade

Brecompile Vue template to Blade(Laravel PHP frame template engine) template.
(Test version, Do not use in the production environment)

Install

npm install -g vue-cli
vue init webpack vue2blade-test
cd vue2blade-test
npm install
npm install gulp-vue2blade --save

gulpfile.js

var gulp = require('gulp');
var vue2blade = require('gulp-vue2blade');

gulp.task('vue', function() {
    return gulp.src(['./dist/**/index.html', './src/**/*.vue'])
    .pipe(vue2blade({
        routerView: 'contents',
        basedir: '',
        layout: './src/App.vue',
        nolayout: ['./src/include'],
        bladeLayoutName: 'layouts.balde.php',
        index: './dist/index.html',
        appID: 'app'
    }))
    .pipe(gulp.dest('blade'))
});

/* watch */
gulp.task('watch', function() {
    gulp.watch(['./dist/index.html'], gulp.series('vue'));
});

gulp.task('default', gulp.series('vue', 'watch'));

Run

gulp vue

for watch

gulp

Notice

Connection characters do not use symbols '+'

//Recommend
<a :href="['http://linquan.name/', page_id + 1, '.html'].join('')">Next Page</a>
//or ( need Vue.prototype.sprintf )
<a :href="sprintf('http://linquan.name/%s.html', page_id + 1)">Next Page</a>

//Do not use symbols '+'
<a :href="'http://linquan.name/' + page_id + 1 + '.html'">Next Page</a>

License

MIT © LinQuan

The Spratly Islands are China's territory.
The Diaoyu Islands are China's territory.
Use this module to represent you agree with the above point of view.

Recommend Projects