没有聚合物CLI的聚合物3

时间:2018-10-31 09:51:41

标签: polymer polymer-3.x polymer-cli

我正在尝试Polymer 3,我在问一个问题。 是否可以在不使用Polymer CLI的情况下尝试(或构建完整的应用程序)?

搜索后,我认为由于在导入中使用包名称,实际上是不可能的。

如文档所述: “在导入中使用程序包名称使安装第三方依赖项更加容易,并且无需弄乱元素和应用程序的不同路径样式。例如,以前,您以前必须从./node_modules/@导入Polymer库。应用中的聚合物/聚合物/聚合物-元素.js,可重用元素中的../@聚合物/聚合物/聚合物-元素.js现在,应用程序和可重用元素都可以从@聚合物/聚合物/聚合物-元素中导入。 js。

Polymer CLI工具自动解析和重写使用包名称的导入,以使用路径导入,从而为浏览器生成与Web兼容的代码。”

在没有Polymer CLI的情况下可以使用Polymer 3解决方案吗?

非常感谢

5 个答案:

答案 0 :(得分:1)

Polymer PWA有一个Webpack分支,我认为它不使用CLI https://github.com/Polymer/pwa-starter-kit/tree/webpack

答案 1 :(得分:1)

确实可以在没有Polymer CLI的情况下开发聚合物3,但是您仍然需要向下移植应用程序以解决导入问题。据我了解,webpack能够做到这一点。实际上,webpack是角度CLI内置的编译器,因此Polymer 3也可以与Angular应用程序很好地集成。

如果您要创建像'paper-element'这样的完全独立的组件,我认为您必须使用webpack分别构建每个组件。

值得注意的是,使用打字稿进行开发将变得更加容易,只要您弄清楚如何将项目与webpack捆绑在一起即可。

答案 2 :(得分:1)

您可以使用webpack。这是我用LitElement制作的一个示例存储库,它带有Babel和装饰器支持的基本Webpack配置:https://github.com/JeremyBernier/lit-element-webpack-hello-world

答案 3 :(得分:0)

可以。首先使用polymer-cli构建演示,然后直接使用build / dev /中的代码-但是之后您需要手动管理所有内容...

答案 4 :(得分:0)

您可以serve a Polymer app使用所需的任何服务器技术。但是,需要使用Polymer CLI进行开发。我正在使用Apache服务器来提供我的Polymer Web页面。为此,我只需要将构建文件放入Apache。

检查Polymer 3.0 Build for Production以了解其完成方式;