草庐IT

javascript - 将第三方 JS 库添加到 Webpack/Grails/Gradle 项目

coder 2024-07-16 原文

我正在尝试在使用 vue.js 作为客户端 JS 引擎的 intellij 环境中结合使用 webpack 和 gradle。

我首先使用 vue 配置文件构建一个新的 grails 项目:

grails create-app foobar --profile=vue

最初，我在将新的 xyz.vue 主屏幕与 vue 库集成时遇到了问题，因此我通过克隆配置文件创建的 Welcome.vue 文件并对其进行破解直到遇到问题我的需求。

不幸的是，我现在正处于要添加新js库的阶段:https://github.com/amsik/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"
    }
}

================== 安迪编辑:

Fatih，我的错，我知道，但问题不在进口方面。这一切都很好——我成功地做了一个

import LiquorTree from 'liquor-tree'

在我的 main.js 中。当我尝试按照您的建议将 node_modules 及其变体添加到路径时，我收到一个文件未找到错误，因此我恢复为没有路径前缀的形式，效果很好。这是在 liquor-tree README 中记录的 - 在我提供的链接中。

为了收拾东西，我清理了所有东西并从头开始 - 你看，它按预期工作。

虽然您的回答并没有真正解决问题，但我想我必须将您的回答标记为正确答案。我真的不想失去来之不易的声誉点，但这是我自己的错，因为我没有把问题说清楚。 Ho hum :'( 年纪越大越聪明。

最佳答案

与其在 Webpack 配置中执行此操作，不如在组件中导入 第三方库。请参阅下面的代码段。

<script>
  import thirdPartyLibrary from '../../node_modules/library-name/dist/library';
</script>

确保将路径更新到项目的 node_modules 文件夹。

关于javascript - 将第三方 JS 库添加到 Webpack/Grails/Gradle 项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50491683/

javascriptWebpack34codesectiongradlevuejs2webpack-2

有关javascript - 将第三方 JS 库添加到 Webpack/Grails/Gradle 项目的更多相关文章

  1. ruby - 我需要将 Bundler 本身添加到 Gemfile 中吗？ - 2

    当我使用Bundler时，是否需要在我的Gemfile中将其列为依赖项？毕竟，我的代码中有些地方需要它。例如，当我进行Bundler设置时:require"bundler/setup" 最佳答案 没有。您可以尝试，但首先您必须用鞋带将自己抬离地面。 关于ruby-我需要将Bundler本身添加到Gemfile中吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/4758609/

  2. ruby - 将 Bootstrap Less 添加到 Sinatra - 2

    我有一个ModularSinatra应用程序，我正在尝试将Bootstrap添加到应用程序中。get'/bootstrap/application.css'doless:"bootstrap/bootstrap"end我在views/bootstrap中有所有less文件，包括bootstrap.less。我收到这个错误:Less::ParseErrorat/bootstrap/application.css'reset.less'wasn'tfound.Bootstrap.less的第一行是://CSSReset@import"reset.less";我尝试了所有不同的路径格式，但它

  3. ruby - 可以通过多少种方法将方法添加到 ruby​​ 对象？ - 2

    当谈到运行时自省(introspection)和动态代码生成时，我认为ruby​​没有任何竞争对手，可能除了一些lisp方言。前几天，我正在做一些代码练习来探索ruby​​的动态功能，我开始想知道如何向现有对象添加方法。以下是我能想到的3种方法:obj=Object.new#addamethoddirectlydefobj.new_method...end#addamethodindirectlywiththesingletonclassclass这只是冰山一角，因为我还没有探索instance_eval、module_eval和define_method的各种组合。是否有在线/离线资

  4. ruby - 如何将便捷类方法添加到 ruby​​ 中的 Singleton 类 - 2

    假设我有一个这样的单例类:classSettingsincludeSingletondeftimeout#lazy-loadtimeoutfromconfigfile,orwhateverendend现在，如果我想知道使用什么超时，我需要编写如下内容:Settings.instance.timeout但我宁愿将其缩短为Settings.timeout使这项工作有效的一个明显方法是将设置的实现修改为:classSettingsincludeSingletondefself.timeoutinstance.timeoutenddeftimeout#lazy-loadtimeoutfromc

  5. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  6. ruby-on-rails - 将保存回调添加到单个 ActiveRecord 实例，可以吗？ - 2

    是否可以为单个ActiveRecord实例添加回调？作为进一步的限制，这是继续使用库，所以我无法控制该类(除了对其进行猴子修补)。这或多或少是我想做的:defdo_something_creazymessage=Message.newmessage.on_save_call:do_even_more_crazy_stuffenddefdo_even_more_crazy_stuff(message)puts"Message#{message}hasbeensaved!Hallelujah!"end 最佳答案 你可以通过在创建对象后立

  7. ruby-on-rails - 添加到 rails 中的多个表 - 2

    我确定这是一个相对简单的问题，并且必须有一个很好的明智的Rails方法来做这件事，但我不确定它是什么。基本上我是将书籍添加到数据库中，并且我想将作者存储在一个单独的表中。所以我有一个名为authors的表，由表books引用。我想创建一个用于添加书籍的Rails表单，我希望它只是作者、标题、出版商等的简单表单，如果它发现作者已经在作者表中，那么它应该只是引用该记录，如果它不在作者表中，那么它应该添加一个新记录并引用它。我确信在Rails中有一种简单的方法可以做到这一点-但我似乎找不到它。干杯，罗宾 最佳答案 假设您的表单传递auth

  8. ruby - 尝试比较两个文本文件，并根据信息创建第三个 - 2

    我有两个文本文件，master.txt和926.txt。如果926.txt中有一行不在master.txt中，我想写入一个新文件notinbook.txt。我写了我能想到的最好的东西，但考虑到我是一个糟糕的/新手程序员，它失败了。这是我的东西g=File.new("notinbook.txt","w")File.open("926.txt","r")do|f|while(line=f.gets)x=line.chompifFile.open("master.txt","w")do|h|endwhile(line=h.gets)ifline.chomp!=xputslineendende

  9. ruby-on-rails - ActiveRecord 如何将现有记录添加到 has_many :through relationship in rails? 中的关联 - 2

    在我的Rails项目中，我有三个模型:classRecipe:recipe_categorizationsaccepts_nested_attributes_for:recipe_categories,allow_destroy::trueendclassCategory:recipe_categorizationsendclassRecipeCategorization通过这个简单的has_many:through设置，我怎样才能像这样获取给定的食谱:@recipe=Recipe.first并根据现有类别向此食谱添加类别，并在相应类别上对其进行更新。所以:@category=#Exi

  10. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目，Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

随机推荐