Rollup 中的外部库

Question

我正在尝试使用 Rollup 而不是 polymer-cli 来构建我的应用程序。我的 index.html 有以下内容：

<script src="node_modules/moment/min/moment-with-locales.min.js"></script>
<script src="node_modules/moment-timezone/builds/moment-timezone-with-data.js"></script>
<script src="node_modules/moment-precise-range-plugin/moment-precise-range.js"></script>

以及其他定义全局变量的库。

我将这些作为 "extraDependencies" 添加到好的 polymer.json 文件中。 Rollup 中的等价物是什么？或者，如何让 Rollup 将它们包含在构建中？

目前，它们不包括在内，应用程序显然无法正常运行。

Answer 1

我 99% 确定 rollup-plugin-copy 是我想要的。

import copy from 'rollup-plugin-copy'


const copyConfig = {
  targets: [
    { src: 'node_modules/moment/min/moment-with-locales.min.js', dest: 'dist/node_modules/moment/min/' },
    { src: 'node_modules/moment-timezone/builds/moment-timezone-with-data.js', dest: 'dist/node_modules/moment-timezone/builds/' },
    { src: 'node_modules/moment-precise-range-plugin/moment-precise-range.js', dest: 'dist/node_modules/moment-precise-range-plugin/' },
  ]
}

const config = createDefaultConfig({ input: './index.html'})
export default { ...config, plugins: [...config.plugins, copy(copyConfig)] }

宾果！但是，我确实意识到更好的选择是使用这些导入它们的库。

我很乐意接受不同的、更好的答案。

Answer 2

我不知道这是否回答了您的问题，但我使用此 https://github.com/Polymer/pwa-starter-kit/pull/370

在 polymer 项目中成功地将 polymer-cli 替换为 rollup

Rollup 中的外部库

External libraries in Rollup

rollup

build