npm包 本地调试

Question

使用npm link 进行本地调试，刚开始就报错，根据百度，在本地的npm包中添加.eslintrc.js，

文件内容如下

module.exports = {
    "env": {
        "browser": false,
        "commonjs": false,
        "es6": false
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module",
        "parser":"babel-eslint"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            "tab"
        ],
        "linebreak-style": [
            "error",
            "windows"
        ],
        "quotes": [
            "error",
            "double"
        ],
        "semi": [
            "error",
            "always"
        ]
    }
};

运行代码，ok，成功运行，然后修改本地包内显示的字符ces4654改为ces465，保存自动进行热更新，又报了新的错误

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

<script>
export default {};
</script>

<style>
</style>

但是，我在关闭VScode，重新打开运行又可以成功运行

Answer 1

可以用yalc来进行本地调试，避免npm link的问题，模拟npm发布模式。
指南：yalc 更适普的前端link工具

Answer 2

你的文件是 Vue SFC，eslint 认不出来，所以报错 unexpected token，装个 eslint-plugin-vue 插件就可以了，具体去官网 https://eslint.vuejs.org/ 看看吧。