This is an example of how to quick start [Webpack Hot Server], without hard-coding them.
node serve.js
enjoy it !
- XO Support [✔️]
const stylesheets = {}; | |
export const injectStyles = ({ fileScopeId, css, mountNode = document.head }) => { | |
let stylesheet = stylesheets[fileScopeId]; | |
if (!stylesheet) { | |
const styleEl = document.createElement('style'); | |
styleEl.setAttribute('type', 'text/css'); | |
stylesheet = stylesheets[fileScopeId] = styleEl; |
// @ts-nocheck | |
import Plan from 'src/store/plan' | |
import packagePrivileges from 'src/common/constants/packagePrivileges' | |
import objectExt from 'src/utils/objectExt' | |
import { Box, Button } from '@vec6/next-ui' | |
import links from 'src/common/constants/links' | |
import User from 'src/store/user' | |
export default { |
<script> | |
export default { | |
name: 'UInput', | |
render () { | |
// TODO: abstract node render useful function. | |
const attrs = this.$attrs; | |
const on = Object.keys(this.$listeners).reduce((events, key) => { | |
events[key] = (ev) => { | |
this.$emit(key, ev); | |
}; |
# Further Exploration | |
# | |
# We journeyed from simple control flow transformations all the way through a mini testing framework. Along the way, | |
# you learned all the tools necessary to define your own macros and perform AST transformations in a responsible way. | |
# Next, we’ll discover a few advanced compile-time code-generation tech- niques to create highly performant and | |
# maintainable programs. | |
# | |
# On your own, explore ways you can enhance your Assertion test framework and define new macro constructs. Here are a few | |
# basic experiments to get you started: | |
# • Implement assert for every operator in Elixir. |
<scheme name="npm.runkit" version="142" parent_scheme="Default"> | |
<option name="FONT_SCALE" value="1.0" /> | |
<metaInfo> | |
<property name="created">2018-01-17T18:33:19</property> | |
<property name="ide">WebStorm</property> | |
<property name="ideVersion">2017.3.2.0.0</property> | |
<property name="modified">2018-01-17T18:33:21</property> | |
<property name="originalScheme">npm.runkit</property> | |
</metaInfo> | |
<console-font> |
const alert = () => { | |
const VmConstructor = Vue.extend({ | |
template: ` | |
<div> | |
<button @click="$emit('yes')">yes</button> | |
<button @click="$emit('no')">no</button> | |
</div> | |
` | |
}) | |
const instance = getAnInstance(VmConstructor) |
This is an example of how to use [Rollup] with external dependencies, without hard-coding them.
It reads your installed NPM dependencies and treats them as external to Rollup. They still get bundled, but not as ES2015.
Make sure you have a .babelrc
or a "babel":{}
section in your package.json
.