htc 7ca38fdcbb 善行少年PC端首次提交(基础版) 10 ay önce
..
build 7ca38fdcbb 善行少年PC端首次提交(基础版) 10 ay önce
README.md 7ca38fdcbb 善行少年PC端首次提交(基础版) 10 ay önce
main.js 7ca38fdcbb 善行少年PC端首次提交(基础版) 10 ay önce
webpack.config.js 7ca38fdcbb 善行少年PC端首次提交(基础版) 10 ay önce

README.md

Server side rendering example

When webpack config target option is 'node' svg-sprite-loader will use isomorphic runtime sprite module.

Demo

Input

main.js

import symbol from '../assets/twitter.svg';

// Import sprite instance which already contains twitter logo required above
import sprite from 'svg-sprite-loader/runtime/sprite.build';

// Render sprite
const spriteContent = sprite.stringify();

const pageContent = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
${spriteContent}

<svg viewBox="${symbol.viewBox}">
  <use xlink:href="#${symbol.id}"></use>
</svg>
</body>
</html>
`;

console.log(pageContent);

Output