Javascript 在VueJS项目中设置jsconfig.json

Vue js 2.6.X，使用Vue create name使用Vue Cli 4.5.X创建

我在根文件夹中添加了一个jsconfig.json

  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
      "@/modules/*": ["./src/store/modules/*"]
    }
  },
  "exclude": ["node_modules", "dist"],
  "include": ["src/**/*"]
}

@alias有效。 我可以做@/store/modules/

我加的那个

@/modules/*

行不通

This dependency was not found:

* @/modules/... in in ./node_modules/cache-loader/dist/cjs...

你知道我该怎么解决这个问题吗？我检查了几个源代码，似乎没有一个将vue js和vue cli设置考虑在内

我还认为@/*是vue cli的默认设置…因此添加它可能毫无意义，因为它是

尝试使用

"@@/*":["./src/store/modules/*"]

在你的代码使用中

import object from "@@/module_name";

---

将查找./src/store/modules/module_name

对我有效的方法是在

vue.config.js的网页包配置中添加这些别名

    configureWebpack: {
        resolve: {
            alias: {
                '@': path.resolve(__dirname, vueSrc),
                '@modules': path.resolve(__dirname, vueSrc + 'store/modules')
            },
            extensions: ['.js', '.vue', '.json']
        }
    }

另外请注意，我直接使用了
@modules
，而不是将两者匹配的
@/modules
，尝试颠倒顺序，以防出现第一次匹配之类的情况，但我认为这是通过webpack执行的最长匹配策略