{"library":"rollup-plugin-ts-vue","title":"Rollup Plugin for TypeScript Vue 2 Components","description":"The `rollup-plugin-ts-vue` package, currently at version 0.6.0 (last updated in August 2021), is a Rollup plugin designed to bundle Vue 2 Single-File Components (SFCs) that are written in TypeScript and utilize SCSS for styling. It distinguishes itself by integrating directly with TypeScript's API, aiming to simplify the build process by reducing reliance on external tools such as Babel or Webpack. A key feature is its ability to handle `tsconfig.json` path aliases (e.g., `@/components`), which Rollup typically doesn't resolve by default. The plugin's release cadence is not regular, with its most recent update being driven by security advisories rather than active feature development. It targets a niche of developers who prefer a minimalist Rollup-centric toolchain for their Vue 2 projects with strong TypeScript typing, though it only offers partial support for scoped CSS.","language":"javascript","status":"abandoned","last_verified":"Tue Apr 21","install":{"commands":["npm install rollup-plugin-ts-vue"],"cli":null},"imports":["import vue from 'rollup-plugin-ts-vue';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import resolve from '@rollup/plugin-node-resolve';\nimport vue from 'rollup-plugin-ts-vue';\n\nexport default {\n    input: './src/main.ts',\n    output: {\n        name: 'app',\n        format: 'iife',\n        file: './dist/js/app.js',\n        globals: {\n            'vue': 'Vue',\n            'vue-router': 'VueRouter',\n            'vuex': 'Vuex',\n            'vue-property-decorator': 'VueClassComponent',\n            'vue-class-component': 'VueClassComponent',\n            'axios': 'axios'\n        },\n        sourcemap: true,\n        sourcemapFile: './dist/js/app.js.map'\n    },\n    plugins: [\n        resolve(),\n        vue(null, { // null defaults to tsconfig.json\n            output: './dist/css/site.css',\n            includePaths: ['src/scss']\n        })\n    ],\n    external: [\n        'vue',\n        'vue-router',\n        'vuex',\n        'vue-class-component',\n        'vue-property-decorator',\n        'axios'\n    ]\n}","lang":"typescript","description":"This Rollup configuration demonstrates how to bundle a Vue 2 application with TypeScript and SCSS using `rollup-plugin-ts-vue`, resolving node modules and outputting CSS separately.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}