在Webpack/Grails/Gradle项目中引入第三方JS库的问题

我正在尝试理解在IntelliJ环境中，以Vue.js作为客户端JS引擎，结合Webpack与Gradle的使用方式。我通过Vue模板创建了一个新的Grails项目：

grails create-app foobar --profile=vue

最初，我在将新的xyz.vue主页面与Vue库集成时遇到问题，于是复制了模板生成的Welcome.vue文件并修改以满足需求。

现在我需要引入新的JS库liquor-tree，我已按指引通过npm安装，但无法在.vue文件中正常引用，JS运行时提示找不到Vue类或vue-tree。我知道Webpack会将npm管理的JS模块打包成bundle.js，但找不到该文件的引入位置，这让我困惑。我的webpack.config.js配置如下：

var path = require("path") 
module.exports = { 
  "entry": "./lib/index.js" , 
  "output": { 
    "path": __dirname + "/build" , 
    "filename": "xxhash.js" , 
    "library": "XXH" , 
    "libraryTarget": "umd" 
  } 
}

补充说明（Andy） #

Fatih，是我的问题，其实导入环节本身没问题——我已成功在main.js中执行：

import LiquorTree from 'liquor-tree'

按照你的建议添加node_modules相关路径前缀时，出现文件找不到的错误，于是我改用无路径前缀的形式，这与liquor-tree文档中的写法一致，且能正常运行。

为理清问题，我清空所有内容重新搭建项目，结果一切正常。虽然你的回答并未真正解决问题，但我还是会标记为正确答案，毕竟是我没把问题描述清楚。

内容的提问来源于stack exchange，提问作者Andy