{"id":25713,"library":"gulp-vue-property-decorator-transpiler","title":"gulp-vue-property-decorator-transpiler","description":"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.","status":"active","version":"1.0.5","language":"javascript","source_language":"en","source_url":"https://github.com/MuTsunTsai/gulp-vue-property-decorator-transpiler","tags":["javascript","gulp","vue","decorator","component","typescript"],"install":[{"cmd":"npm install gulp-vue-property-decorator-transpiler","lang":"bash","label":"npm"},{"cmd":"yarn add gulp-vue-property-decorator-transpiler","lang":"bash","label":"yarn"},{"cmd":"pnpm add gulp-vue-property-decorator-transpiler","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core dependency for transpiling Vue property decorators","package":"vue-property-decorator-transpiler","optional":false},{"reason":"Peer dependency; plugin expects a Gulp stream","package":"gulp","optional":true}],"imports":[{"note":"Package exports a single function as default. Named import gvpd is not available.","wrong":"const { gvpd } = require('gulp-vue-property-decorator-transpiler');","symbol":"gvpd (or default)","correct":"import gvpd from 'gulp-vue-property-decorator-transpiler';"},{"note":"CommonJS require returns the function directly, not a module with default property.","wrong":"const { default: gvpd } = require('gulp-vue-property-decorator-transpiler');","symbol":"default export","correct":"const gvpd = require('gulp-vue-property-decorator-transpiler');"},{"note":"Package does not ship TypeScript definitions. Use with caution in TS projects.","wrong":"","symbol":"Type usage (no types provided)","correct":"No official types; use @ts-ignore or declare module."}],"quickstart":{"code":"const gulp = require('gulp');\nconst gvpd = require('gulp-vue-property-decorator-transpiler');\n\ngulp.src('src/index.html')\n  .pipe(gvpd({\n    script: 'src/main.js',\n    componentsDir: 'src/components',\n    outputScript: 'dist/assets/main.js',\n    outputHTML: 'dist/index.html',\n    minifyScript: true\n  }))\n  .pipe(gulp.dest('dist'));","lang":"javascript","description":"Shows basic Gulp task using the plugin to transpile Vue SFCs and output single HTML+JS bundle with minification."},"warnings":[{"fix":"Always use gulp.src with a single HTML file entry point.","message":"The plugin expects a single source file (the initial HTML). Passing multiple files via gulp.src will cause unexpected behavior.","severity":"gotcha","affected_versions":"<=1.0.5"},{"fix":"Ensure componentsDir directory exclusively contains .vue files.","message":"The componentsDir option must contain only .vue files; non-.vue files are ignored but may cause errors if present.","severity":"gotcha","affected_versions":"<=1.0.5"},{"fix":"Consider switching to Vue CLI or Vite for Vue SFC compilation.","message":"No updates since 2019; package may be unmaintained.","severity":"deprecated","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Use default import: import gvpd from 'gulp-vue-property-decorator-transpiler'","cause":"Named import instead of default import in ES module context.","error":"TypeError: gvpd is not a function"},{"fix":"Run: npm install vue-property-decorator-transpiler --save-dev","cause":"Missing peer dependency vue-property-decorator-transpiler.","error":"Error: Cannot find module 'vue-property-decorator-transpiler'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}