简体   繁体   English

如何在节点和Express App中使用来自Polymer CLI的Polymer Starter Kit?

[英]How do I use polymer starter kit from polymer cli in a node and express app?

polymer starter kit provides a template to develop client-logic 聚合物入门工具包提供了开发客户端逻辑的模板

polymer build creates a bundled and unbundled version. 聚合物版本创建捆绑和非捆绑版本。

how do i use this in a node js application using express without loosing the PRPL concepts by default the polymer starter kit provides 我如何在使用express的js节点应用程序中使用它,而不会默认丢失聚合物入门工具包提供的PRPL概念

As the polymer server starts its own server to run the bundled version. 随着聚合物服务器启动其自己的服务器以运行捆绑版本。

With nodejs & Express. 使用nodejs和Express。 Below is how i render HTML on inital load in a normal client-server application 以下是我如何在普通客户端-服务器应用程序中的初始负载下呈现HTML

var express = require('express');
var app = express.createServer();

app.use(express.staticProvider(__dirname + '/public'));

app.get('/', function(req, res) {
    res.render('index.html');
});

app.listen(8080, '127.0.0.1')

But for Polymer starter kit it has polymer.json file which defines lile below 但是对于Polymer入门工具包,它具有polymer.json文件,该文件在下面定义了lile

{
  "entrypoint": "index.html",
  "shell": "src/my-app.html",
  "fragments": [
    "src/my-view1.html",
    "src/my-view2.html",
    "src/my-view3.html",
    "src/my-view404.html"
  ],
  "sourceGlobs": [
   "src/**/*",
   "images/**/*",
   "bower.json"
  ],
  "includeDependencies": [
    "manifest.json",
    "bower_components/webcomponentsjs/webcomponents-lite.min.js"
  ]
}

How to use Polymer starter kits generated bundled folder in a node and express app? 如何使用Polymer入门工具包在节点和Express App中生成捆绑文件夹?

As no one Answered my question for a week, i found solution for this. 一周没有人回答我的问题,所以我找到了解决方案。 Use below code in the bundled/unbundled folder in the build folder, after executing polymer build. 执行Polymer build后,在build文件夹的bundle / unbundled文件夹中使用以下代码。

var express = require('express');
var app = express.createServer();

app.use(express.staticProvider(__dirname + '/public'));

app.get('/', function(req, res) {
    res.render('index.html');
});

app.listen(8080, '127.0.0.1')

Use it like a normal client-server application. 像普通的客户端服务器应用程序一样使用它。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 具有Node,Express和Puppeteer的Polymer入门套件 - Polymer Starter Kit with Node, Express, and Puppeteer 如何将Polymer cli v-2.0与Node js一起使用并表达制作应用程序的权限? - how can I use polymer cli v-2.0 with node js and express for making app? 我可以将节点服务器与Polymer init入门工具包应用程序合并吗? - Can I merge a node server with the polymer init starter-kit application? 如何在Node.js Express应用程序中使用Google Polymer ui组件 - how to use google polymer ui component in nodejs express app 如何将Polymer + Node.JS JavaScript应用程序与React + TypeScript集成 - How do I integrate a Polymer + Node.JS JavaScript app with React + TypeScript 安装npm时,Google聚合物入门套件WARN - Google polymer starter kit WARN when npm install 在客户端上使用聚合物,在服务器上使用node.js如何将变量从节点传递到聚合物 - using polymer on the client and node.js on the server how to pass variable from node to polymer 无法在Windows上运行(gulp投放)Google Polymer Starter Kit v1.1.0 - Unable to run (gulp serve) Google Polymer Starter Kit v1.1.0 on Windows 使用Polymer和Node的实时聊天应用 - Real time chat app using Polymer and node 我们如何在脚本标签中正确使用聚合物属性? - How do we properly use a polymer property in a script tag?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM