Get contents from tags in .vue files (using AST tree).
npm install vue-parserA simple way to parse a .vue file's contents (single file component) to get specific content from a
tag like a template, script, or style tag.
The returned content can be padded repeatedly with a specific string so that line numbers are retained
(ie. good for reporting linting errors). You can also get the full parse5
node/element which includes the location info of where the tag content is located.
``javascript
import vueParser from 'vue-parser'
const vueFileContents =
.hello
h1 {{ msg }}
const myScriptContents = vueParser.parse(vueFileContents, 'script', { lang: ['js', 'jsx'] })
console.log(myScriptContents)
`
The console output would like like this
(notice default padding string is // since comments are typically ignored by linters/compilers/etc.):
`text
//
//
//
//
//
//
export default {
name: 'Hello',
data () {
return {
msg: 'Hello World!'
}
}
}
``