gulp-vue2blade

Vue 针对PHP Laravel框架服务端渲染应对解决方案(SEO应对方案). Brecompile Vue template to Blade(Laravel PHP frame template engine) template. (Test version, Do not use in the production environment)

Example

https://github.com/mlinquan/gulp-vue2blade-example

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.