progress on migrating to heex templates and font-icons
This commit is contained in:
parent
d43daafdb7
commit
3eff955672
21793 changed files with 2161968 additions and 16895 deletions
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin
23
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/README.md
generated
vendored
Normal file
23
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/README.md
generated
vendored
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
# HTML webpack plugin interop
|
||||
|
||||
When using [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin) along with sprite-loader in extract mode it is possible
|
||||
to inline sprite content directly to the page. All extracted sprites stored in `htmlWebpackPlugin.files.sprites` template variable.
|
||||
It's an object where key is a sprite filename and value - file contents (`Object<filename:string, content:string>`).
|
||||
|
||||
### [Demo](build/index.html)
|
||||
|
||||
### Template example
|
||||
|
||||
```ejs
|
||||
...
|
||||
<body>
|
||||
|
||||
<% if (htmlWebpackPlugin.files.sprites) { %>
|
||||
<% for (var spriteFileName in htmlWebpackPlugin.files.sprites) { %>
|
||||
<%= htmlWebpackPlugin.files.sprites[spriteFileName] %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
</body>
|
||||
...
|
||||
```
|
||||
32
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/index.html
generated
vendored
Normal file
32
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/index.html
generated
vendored
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Webpack App</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol viewBox="0 0 1000 1000" id="facebook">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><g><g><path d="M990,500c0-270.6-219.4-490-490-490C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490C770.6,990,990,770.6,990,500z M54.5,500C54.5,254,254,54.5,500,54.5C746,54.5,945.5,254,945.5,500c0,246-199.4,445.5-445.5,445.5C254,945.5,54.5,746,54.5,500z" /><path d="M518.8,782.8V500h93.3l14.7-93.7H518.8v-47c0-24.5,8-47.8,43.1-47.8h70.2v-93.5h-99.6c-83.7,0-106.6,55.1-106.6,131.6v56.7h-57.5V500h57.5v282.8H518.8L518.8,782.8z" /></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g>
|
||||
</symbol><symbol viewBox="0 0 273.4 222.2" id="twitter">
|
||||
<path d="M273.4,26.3c-10.1,4.5-20.9,7.5-32.2,8.8c11.6-6.9,20.5-17.9,24.7-31C255,10.5,243,15.2,230.2,17.7
|
||||
C220,6.8,205.4,0,189.3,0c-31,0-56.1,25.1-56.1,56.1c0,4.4,0.5,8.7,1.5,12.8C88,66.5,46.7,44.2,19,10.3c-4.8,8.3-7.6,17.9-7.6,28.2
|
||||
c0,19.5,9.9,36.6,25,46.7c-9.2-0.3-17.8-2.8-25.4-7c0,0.2,0,0.5,0,0.7c0,27.2,19.3,49.8,45,55c-4.7,1.3-9.7,2-14.8,2
|
||||
c-3.6,0-7.1-0.4-10.6-1c7.1,22.3,27.9,38.5,52.4,39c-19.2,15-43.4,24-69.7,24c-4.5,0-9-0.3-13.4-0.8c24.8,15.9,54.3,25.2,86,25.2
|
||||
c103.2,0,159.6-85.5,159.6-159.6c0-2.4-0.1-4.9-0.2-7.3C256.4,47.4,265.9,37.5,273.4,26.3z" />
|
||||
</symbol></defs></svg>
|
||||
|
||||
|
||||
|
||||
<svg>
|
||||
<use xlink:href="#twitter"></use>
|
||||
</svg>
|
||||
|
||||
<svg>
|
||||
<use xlink:href="#facebook"></use>
|
||||
</svg>
|
||||
|
||||
<script type="text/javascript" src="main.js"></script></body>
|
||||
</html>
|
||||
107
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/main.js
generated
vendored
Normal file
107
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/main.js
generated
vendored
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "";
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ([
|
||||
/* 0 */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__assets_twitter_svg__ = __webpack_require__(1);
|
||||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__assets_facebook_svg__ = __webpack_require__(2);
|
||||
|
||||
|
||||
|
||||
|
||||
/***/ }),
|
||||
/* 1 */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
/* unused harmony default export */ var _unused_webpack_default_export = ({
|
||||
id: "twitter-usage",
|
||||
viewBox: "0 0 273.4 222.2",
|
||||
url: __webpack_require__.p + "sprite.svg#twitter",
|
||||
toString: function () {
|
||||
return this.url;
|
||||
}
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
/* 2 */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
/* unused harmony default export */ var _unused_webpack_default_export = ({
|
||||
id: "facebook-usage",
|
||||
viewBox: "0 0 1000 1000",
|
||||
url: __webpack_require__.p + "sprite.svg#facebook",
|
||||
toString: function () {
|
||||
return this.url;
|
||||
}
|
||||
});
|
||||
|
||||
/***/ })
|
||||
/******/ ]);
|
||||
10
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/sprite.svg
generated
vendored
Normal file
10
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/build/sprite.svg
generated
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol viewBox="0 0 1000 1000" id="facebook">
|
||||
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||
<g><g><g><path d="M990,500c0-270.6-219.4-490-490-490C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490C770.6,990,990,770.6,990,500z M54.5,500C54.5,254,254,54.5,500,54.5C746,54.5,945.5,254,945.5,500c0,246-199.4,445.5-445.5,445.5C254,945.5,54.5,746,54.5,500z" /><path d="M518.8,782.8V500h93.3l14.7-93.7H518.8v-47c0-24.5,8-47.8,43.1-47.8h70.2v-93.5h-99.6c-83.7,0-106.6,55.1-106.6,131.6v56.7h-57.5V500h57.5v282.8H518.8L518.8,782.8z" /></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></g>
|
||||
</symbol><symbol viewBox="0 0 273.4 222.2" id="twitter">
|
||||
<path d="M273.4,26.3c-10.1,4.5-20.9,7.5-32.2,8.8c11.6-6.9,20.5-17.9,24.7-31C255,10.5,243,15.2,230.2,17.7
|
||||
C220,6.8,205.4,0,189.3,0c-31,0-56.1,25.1-56.1,56.1c0,4.4,0.5,8.7,1.5,12.8C88,66.5,46.7,44.2,19,10.3c-4.8,8.3-7.6,17.9-7.6,28.2
|
||||
c0,19.5,9.9,36.6,25,46.7c-9.2-0.3-17.8-2.8-25.4-7c0,0.2,0,0.5,0,0.7c0,27.2,19.3,49.8,45,55c-4.7,1.3-9.7,2-14.8,2
|
||||
c-3.6,0-7.1-0.4-10.6-1c7.1,22.3,27.9,38.5,52.4,39c-19.2,15-43.4,24-69.7,24c-4.5,0-9-0.3-13.4-0.8c24.8,15.9,54.3,25.2,86,25.2
|
||||
c103.2,0,159.6-85.5,159.6-159.6c0-2.4-0.1-4.9-0.2-7.3C256.4,47.4,265.9,37.5,273.4,26.3z" />
|
||||
</symbol></defs></svg>
|
||||
|
After 
(image error) Size: 1.4 KiB |
2
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/main.js
generated
vendored
Normal file
2
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/main.js
generated
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
import '../assets/twitter.svg';
|
||||
import '../assets/facebook.svg';
|
||||
23
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/template.ejs
generated
vendored
Normal file
23
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/template.ejs
generated
vendored
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<body>
|
||||
<% if (htmlWebpackPlugin.files.sprites) { %>
|
||||
<% for (var spriteFileName in htmlWebpackPlugin.files.sprites) { %>
|
||||
<%= htmlWebpackPlugin.files.sprites[spriteFileName] %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<svg>
|
||||
<use xlink:href="#twitter"></use>
|
||||
</svg>
|
||||
|
||||
<svg>
|
||||
<use xlink:href="#facebook"></use>
|
||||
</svg>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/webpack.config.js
generated
vendored
Normal file
39
assets_old/node_modules/svg-sprite-loader/examples/interop-with-html-webpack-plugin/webpack.config.js
generated
vendored
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
/* eslint-disable import/no-extraneous-dependencies */
|
||||
const path = require('path');
|
||||
const merge = require('deepmerge');
|
||||
const baseConfig = require('../base-webpack.config');
|
||||
const SpritePlugin = require('../../plugin');
|
||||
const HtmlPlugin = require('html-webpack-plugin');
|
||||
|
||||
const config = merge(baseConfig, {
|
||||
context: __dirname,
|
||||
|
||||
entry: './main',
|
||||
|
||||
output: {
|
||||
path: path.resolve(__dirname, 'build')
|
||||
},
|
||||
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.svg$/,
|
||||
loader: 'svg-sprite-loader',
|
||||
options: { extract: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
plugins: [
|
||||
new HtmlPlugin({
|
||||
filename: 'index.html',
|
||||
template: path.resolve(__dirname, 'template.ejs')
|
||||
}),
|
||||
|
||||
new SpritePlugin({
|
||||
plainSprite: true
|
||||
})
|
||||
]
|
||||
});
|
||||
|
||||
module.exports = config;
|
||||
Loading…
Add table
Add a link
Reference in a new issue