小编Nat*_*iel的帖子

如何使用 rollup 导入 javascript 模块并捆绑到单个 js 文件中?

我有 javascript 函数,我想同时运行服务器端和客户端。服务器端使用node.js并可以很好地处理导入。

然而,客户端我想要一个带有内联 JavaScript 的单个脚本标签。为了实现这个目标,我知道我需要一个捆绑器将模块拉入主脚本文件中。我选择 rollup 来完成这项工作。

这是我尝试过的示例。我做了一个模块test.js。这是一个返回字符串的简单函数:

// test.js

const test = () => {
    return 'testing'
}

module.exports = test
Run Code Online (Sandbox Code Playgroud)

这是主要的 javascript 文件,main.js. 我想要将函数拖入的文件test.js

// main.js

import test from "/test.js"

console.log(test())
Run Code Online (Sandbox Code Playgroud)

这是我希望main.js捆绑后的样子:

// main.js

const test = () => {
    return 'testing'
}

console.log(test())

Run Code Online (Sandbox Code Playgroud)

我想简单地将函数拉入文件中。

相反,汇总会产生以下结果:

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('../../../../../../../js/test.js')) :
    typeof define === 'function' && …
Run Code Online (Sandbox Code Playgroud)

javascript node-modules rollupjs jamstack eleventy

8
推荐指数
1
解决办法
5430
查看次数

如何使用 ref 访问 v-for 循环内的元素

尽可能简单地说:

我有一个 v-for 循环。我想访问循环迭代之一中的特定元素。出于某些原因,我只能使用 ref 来做到这一点。有没有办法做到这一点?

我尝试了各种不同的方法来实现这一点,但它总是返回未定义。我的代码在 v-for 循环之外运行良好。

vue 的文档没有涵盖这个实例。

循环简化:

  <div v-for="(item, i) in items">
    <div ref="card"></div>
  </div>
Run Code Online (Sandbox Code Playgroud)

方法

 doThing() {
   card = elements.create('card');
   card.mount(this.$refs.card);
 }
Run Code Online (Sandbox Code Playgroud)

任何帮助将非常感激。

vue.js vue-component vuejs2 v-for

2
推荐指数
1
解决办法
4521
查看次数