如何用 nodejs 解析 vue 文件，获取 script 里的东西

Question

理想情况

vue文件

<template>
     <div class="test"></div>
</template>

<script>
export default {
    name: 'test',
    data() {
        return {};
    },
    methods: {
        foo() {}
    }
};
</script>

<style lang="scss">
.test {}
</style>

nodejs 文件

const test = require('./test.vue');
console.log(test);

// 输出 {"name": "test", "data": {...}, "methods": {...}}

Answer 1

你可以看看vue-loader里面js部分

Answer 2

问题解决了吗？我现在只能通过vue-template-compiler获取到的script标签里面的所有字符，如果要用正则匹配就很麻烦

Answer 3

我用cheerio能拿到template，script，style，，但是script里面的内容细分不出来了，，你解决了吗？

Answer 4

很简单，引入fs，用fs读vue，然后substr script标签里的内容，声明变量 = eval(执行它)；这个变量就可以直接访问所有属性和方法了