不含聚合物CLI的聚合物3

Question

我在试着用聚合物3，我在问一个问题。有没有可能在不使用聚合物CLI的情况下尝试一下(或构建一个完整的应用程序)？

经过搜索，我认为这是不可能的，因为在我的导入中使用了包名。

正如文档中所说：“在导入中使用包名称可以更容易地安装第三方依赖项，并且不需要在元素和应用程序的不同路径样式之间来回切换。例如，以前，您必须从应用程序中的聚合物导入聚合物库，并从可重用元素中的../@ ./node_modules/@polymer/polymer/polymer-element.js /./node_modules/@polymer/polymer/polymer-element.js/-element.js导入聚合物库。现在，应用程序和可重用元素都可以从@聚合物/聚合物/聚合物-元素.js中导入。

聚合物CLI工具自动解析并重写使用包名称的导入，以导入使用路径的导入，从而为浏览器生成与web兼容的代码。

有没有什么解决方案可以在不使用聚合物CLI的情况下使用聚合物3？

非常感谢

Answer 1

聚合物PWA有一个不使用命令行界面的Webpack分支，我认为是https://github.com/Polymer/pwa-starter-kit/tree/webpack

Answer 2

聚合物3确实可以在没有聚合物CLI的情况下开发，但是您仍然需要转换您的应用程序来解决导入问题。据我了解，webpack是很有能力做到这一点的。事实上，webpack是一个内置在angular CLI中的转译器，因此Polymer 3也可以很好地与Angular应用程序集成。

如果你的目标是创建完全独立的组件，比如'paper-element‘，我认为你必须和webpack一起分别构建每个组件。

值得注意的是，在typescript中开发会变得容易得多，因为你知道如何将你的项目与webpack捆绑在一起。

Answer 3

你可以用webpack。这是我用LitElement制作的一个示例存储库，其中包含一个支持Babel和装饰器的基本的webpack配置：https://github.com/JeremyBernier/lit-element-webpack-hello-world