Registry / web-framework / touchui-template-compiler

touchui-template-compiler

library2.4.8jsnpmunverified

Pre-compiles Vue 2.0 templates into render functions to avoid runtime compilation overhead and CSP restrictions. Current stable version is 2.7.16, the final Vue 2 release (EOL December 31, 2023). This package is auto-generated from Vue core; for most cases use vue-loader or vueify instead. It supports custom compile-time modules and directives, SFC parsing, and provides compile() and compileToFunctions() APIs. The returned render function uses 'with' and cannot be used in strict mode. Key differentiator: low-level compiler for build tools, distinct from runtime-only Vue builds.

web-framework

npm install touchui-template-compiler

github ↗package ↗

INSTALL

IMPORT

SIG · TOUCHUI-TEMPLATE-C

touchui-template-compiler

web-frameworkjavascriptv2.4.8

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.

compile

✓ import { compile } from 'vue-template-compiler'

✗ const vueTemplateCompiler = require('vue-template-compiler'); const compile = vueTemplateCompiler.compile;

Works both as ESM named import and CommonJS require. CommonJS is more common for Node.js tooling.

compileToFunctions

✓ import { compileToFunctions } from 'vue-template-compiler'

✗ import compiler from 'vue-template-compiler'; compiler.compileToFunctions(template)

Named export, not default. Default export is the compiler object itself.

parseComponent

✓ import { parseComponent } from 'vue-template-compiler'

✗ const parseComponent = require('vue-template-compiler').parseComponent;

Named export for parsing .vue files. Available since v2.0.

Compiles a Vue 2 template string to render functions and parses a .vue SFC file.

import { compile, parseComponent } from 'vue-template-compiler'; import * as fs from 'fs'; const template = '<div>{{ message }}</div>'; const compiled = compile(template, { preserveWhitespace: false }); console.log('Render function:', compiled.render); console.log('Static render fns:', compiled.staticRenderFns); console.log('Errors:', compiled.errors); // Parse a .vue file const source = fs.readFileSync('component.vue', 'utf8'); const descriptor = parseComponent(source, { pad: 'line' }); console.log('Template:', descriptor.template?.content); console.log('Script:', descriptor.script?.content); console.log('Styles:', descriptor.styles?.length);

Debug

Known issues

deprecatedVue 2 reached End of Life on December 31, 2023. This package will not receive updates.

fix

Migrate to Vue 3 and use @vue/compiler-sfc.

affects: >=2.0.0

gotchacompile() returns render code using 'with' statement, which is forbidden in strict mode and will throw in ES modules or TypeScript with strict mode.

fix

Use compileToFunctions() which returns Function objects, or wrap render code in a non-strict function.

affects: >=2.0.0

gotchacompileToFunctions() uses new Function() and is not CSP-compliant.

fix

Use pre-compiled render functions via compile() if CSP is required.

affects: >=2.0.0

deprecatedOptions like 'modules' and 'directives' are undocumented and may change; custom modules break compatibility with vue-loader/vueify.

fix

Avoid custom compile modules; use standard build tools.

affects: >=2.0.0

Errors

Common errors & fixes

TypeError: compiler.compile is not a function

Using default import when package exports named functions.

fix

Use named import: import { compile } from 'vue-template-compiler'

SyntaxError: With statement in strict mode

Using compiled render code in strict mode context.

fix

Wrap render function in a non-strict function or use compileToFunctions()

Cannot find module 'vue-template-compiler'

Package not installed or wrong import path.

fix

Run npm install vue-template-compiler

Upgrade

Version history

2.4.8latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/vuejs/vue ↗

packagehttps://www.npmjs.com/package/touchui-template-compiler ↗