Registry / gulp-vue-property-decorator-transpiler

gulp-vue-property-decorator-transpiler

library1.0.5jsnpmunverified

Gulp plugin that transpiles Vue single-file components (SFCs) using vue-property-decorator-transpiler into a single HTML and JS bundle. It collects all .vue files from a components directory, inlines them into an initial .html template, and outputs one .html and one .js file. Current stable version is 1.0.5. Released occasionally with bug fixes only.

npm install gulp-vue-property-decorator-transpiler

github ↗package ↗

INSTALL

IMPORT

SIG · GULP-VUE-PROPERTY-

gulp-vue-property-decorator-transpiler

javascriptv1.0.5

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

gvpd (or default)

✓ import gvpd from 'gulp-vue-property-decorator-transpiler';

✗ const { gvpd } = require('gulp-vue-property-decorator-transpiler');

Package exports a single function as default. Named import gvpd is not available.

default export

✓ const gvpd = require('gulp-vue-property-decorator-transpiler');

✗ const { default: gvpd } = require('gulp-vue-property-decorator-transpiler');

CommonJS require returns the function directly, not a module with default property.

Type usage (no types provided)

✓ No official types; use @ts-ignore or declare module.

Package does not ship TypeScript definitions. Use with caution in TS projects.

Shows basic Gulp task using the plugin to transpile Vue SFCs and output single HTML+JS bundle with minification.

const gulp = require('gulp'); const gvpd = require('gulp-vue-property-decorator-transpiler'); gulp.src('src/index.html') .pipe(gvpd({ script: 'src/main.js', componentsDir: 'src/components', outputScript: 'dist/assets/main.js', outputHTML: 'dist/index.html', minifyScript: true })) .pipe(gulp.dest('dist'));

Debug

Known issues

gotchaThe plugin expects a single source file (the initial HTML). Passing multiple files via gulp.src will cause unexpected behavior.

fix

Always use gulp.src with a single HTML file entry point.

affects: <=1.0.5

gotchaThe componentsDir option must contain only .vue files; non-.vue files are ignored but may cause errors if present.

fix

Ensure componentsDir directory exclusively contains .vue files.

affects: <=1.0.5

deprecatedNo updates since 2019; package may be unmaintained.

fix

Consider switching to Vue CLI or Vite for Vue SFC compilation.

affects: >=1.0.0

Errors

Common errors & fixes

TypeError: gvpd is not a function

Named import instead of default import in ES module context.

fix

Use default import: import gvpd from 'gulp-vue-property-decorator-transpiler'

Error: Cannot find module 'vue-property-decorator-transpiler'

Missing peer dependency vue-property-decorator-transpiler.

fix

Run: npm install vue-property-decorator-transpiler --save-dev

Upgrade

Version history

1.0.5latest on npm

Audit

Dependencies

vue-property-decorator-transpilerrequiredCore dependency for transpiling Vue property decorators

gulpoptionalPeer dependency; plugin expects a Gulp stream

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/MuTsunTsai/gulp-vue-property-decorator-transpiler ↗

packagehttps://www.npmjs.com/package/gulp-vue-property-decorator-transpiler ↗