mirror of
https://github.com/c8r/x0.git
synced 2024-09-11 21:57:26 +03:00
Test babel minify plugin
This commit is contained in:
parent
b592f2992b
commit
33fdf4439c
@ -10,7 +10,7 @@ body {
|
||||
background-color: black;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
._cxs0{max-width:768px}._cxs10{margin-right:16px}._cxs11{box-shadow:inset 0 0 0 2px;color:inherit !important;background-color:transparent !important}._cxs1{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}._cxs3{}._cxs4{display:flex}._cxs5{align-items:center}._cxs6{flex-wrap:wrap}._cxs7{display:block;color:inherit;text-decoration:none}._cxs8{margin-left:-8px}._cxs9{text-transform:uppercase;letter-spacing:.2em}._cxsa{font-size:10px}._cxsb{font-weight:600}._cxsc{margin-left:auto;margin-right:auto}._cxsd{text-decoration:none;display:inline-block;font-weight:bold;text-transform:uppercase;letter-spacing:0.2em;padding:8px;color:inherit}._cxse{margin-right:8px}._cxsf{padding-bottom:32px;padding-top:64px}._cxsg{font-size:64px;font-weight:600;line-height:1.25}._cxsh{margin:0px}._cxsi{font-size:20px}._cxsj{margin-bottom:16px}._cxsk{font-family:"Roboto Mono", Menlo, monospace}._cxsl{font-size:12px}._cxsm{display:block;width:100%;height:auto;margin:0}._cxsn{padding-top:32px;padding-bottom:32px}._cxso{font-family:"Roboto Mono", Menlo, monospace;margin:0;padding:0}._cxsp{font-size:14px}._cxsq{color:cyan}._cxsr{padding-top:64px;padding-bottom:64px}._cxss{font-size:24px}._cxst{margin-left:-16px;margin-right:-16px}._cxsu{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}._cxsv{width:100%}._cxsy{margin-bottom:32px}._cxsz{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;color:black;background-color:white;border:0;border-radius:8px}@media screen and (min-width: 40em){._cxs2{padding-left:32px;padding-right:32px}}@media screen and (min-width: 40em){._cxsw{width:50%}}@media screen and (min-width: 52em){._cxsx{width:50%}}</style><div class="_cxs0 _cxs1 _cxs2 _cxs3"><nav><div class="_cxs4 _cxs5 _cxs6 _cxs3 _cxs3"><a href="https://compositor.io" class="_cxs7 _cxs3"><div class="_cxs4 _cxs5 _cxs8 _cxs3"><svg viewBox="-12 -12 24 24" style="display:block;margin:0" width="32" height="32"><rect x="-12" y="-12" width="24" height="24" fill="black"></rect><rect x="-4" y="-8" width="8" height="16" fill="white"></rect></svg><div class="_cxs9 _cxs3 _cxsa _cxsb _cxs3 _cxs3">Compositor</div></div></a><div class="_cxsc _cxs3"></div><a href="https://github.com/c8r/x0" class="_cxsd _cxsa _cxse">GitHub</a><a class="twitter-share-button" href="https://twitter.com/intent/tweet">Tweet</a></div></nav><header><div class="_cxsf _cxs3"><h1 m="0" class="_cxsg _cxsh">x0</h1><div class="_cxs3 _cxsi _cxsb _cxsj _cxs3">Zero-config React development environment and static site generator</div><div class="_cxsk _cxs3 _cxsl _cxs3 _cxs3">v2.0.0-1</div></div></header><main><div class="_cxs3 _cxs3"><video loop="" autoplay="" src="demo.mp4" class="_cxsm"></video></div><div class="_cxsn _cxs3"><pre class="_cxso _cxsp _cxsq">npm install @compositor/x0</pre></div><section id="features"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxsj _cxs3">Features</div><div class="_cxs4 _cxs6 _cxst _cxs3"><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Isolated development environment</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Static site generator</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Hot reloading</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with virtually any React component</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No convoluted APIs to learn</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No boilerplate required</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Routing with react-router</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with CSS-in-JS libraries like styled-components</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Support for async data fetching</div></div></div></div></section><section id="get-started"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxs3 _cxs3">Get Started</div><div class="_cxs3 _cxsy _cxs3">Read the docs and get started on GitHub or sign up for updates.</div><a href="https://github.com/c8r/x0" class="_cxsz _cxs10">Documentation</a><a href="https://compositor.io/#sign-up" class="_cxs11 _cxsz _cxs3">Sign Up</a></div></section><footer><div class="_cxs4 _cxsf _cxs3"><div class="_cxs3 _cxsl _cxs3 _cxs3">© 2017 Compositor, Inc.</div></div></footer></main></div><script>
|
||||
._cxs0{max-width:768px}._cxs10{margin-right:16px}._cxs11{box-shadow:inset 0 0 0 2px;color:inherit !important;background-color:transparent !important}._cxs1{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}._cxs3{}._cxs4{display:flex}._cxs5{align-items:center}._cxs6{flex-wrap:wrap}._cxs7{display:block;color:inherit;text-decoration:none}._cxs8{margin-left:-8px}._cxs9{text-transform:uppercase;letter-spacing:.2em}._cxsa{font-size:10px}._cxsb{font-weight:600}._cxsc{margin-left:auto;margin-right:auto}._cxsd{text-decoration:none;display:inline-block;font-weight:bold;text-transform:uppercase;letter-spacing:0.2em;padding:8px;color:inherit}._cxse{margin-right:8px}._cxsf{padding-bottom:32px;padding-top:64px}._cxsg{font-size:64px;font-weight:600;line-height:1.25}._cxsh{margin:0px}._cxsi{font-size:20px}._cxsj{margin-bottom:16px}._cxsk{font-family:"Roboto Mono", Menlo, monospace}._cxsl{font-size:12px}._cxsm{display:block;width:100%;height:auto;margin:0}._cxsn{padding-top:32px;padding-bottom:32px}._cxso{font-family:"Roboto Mono", Menlo, monospace;margin:0;padding:0}._cxsp{font-size:14px}._cxsq{color:cyan}._cxsr{padding-top:64px;padding-bottom:64px}._cxss{font-size:24px}._cxst{margin-left:-16px;margin-right:-16px}._cxsu{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}._cxsv{width:100%}._cxsy{margin-bottom:32px}._cxsz{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;color:black;background-color:white;border:0;border-radius:8px}@media screen and (min-width: 40em){._cxs2{padding-left:32px;padding-right:32px}}@media screen and (min-width: 40em){._cxsw{width:50%}}@media screen and (min-width: 52em){._cxsx{width:50%}}</style><div class="_cxs0 _cxs1 _cxs2 _cxs3"><nav><div class="_cxs4 _cxs5 _cxs6 _cxs3 _cxs3"><a href="https://compositor.io" class="_cxs7 _cxs3"><div class="_cxs4 _cxs5 _cxs8 _cxs3"><svg viewBox="-12 -12 24 24" style="display:block;margin:0" width="32" height="32"><rect x="-12" y="-12" width="24" height="24" fill="black"></rect><rect x="-4" y="-8" width="8" height="16" fill="white"></rect></svg><div class="_cxs9 _cxs3 _cxsa _cxsb _cxs3 _cxs3">Compositor</div></div></a><div class="_cxsc _cxs3"></div><a href="https://github.com/c8r/x0" class="_cxsd _cxsa _cxse">GitHub</a><a class="twitter-share-button" href="https://twitter.com/intent/tweet">Tweet</a></div></nav><header><div class="_cxsf _cxs3"><h1 m="0" class="_cxsg _cxsh">x0</h1><div class="_cxs3 _cxsi _cxsb _cxsj _cxs3">Zero-config React development environment and static site generator</div><div class="_cxsk _cxs3 _cxsl _cxs3 _cxs3">v<!-- -->2.0.0-2</div></div></header><main><div class="_cxs3 _cxs3"><video loop="" autoplay="" src="demo.mp4" class="_cxsm"></video></div><div class="_cxsn _cxs3"><pre class="_cxso _cxsp _cxsq">npm install @compositor/x0</pre></div><section id="features"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxsj _cxs3">Features</div><div class="_cxs4 _cxs6 _cxst _cxs3"><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Isolated development environment</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Static site generator</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Hot reloading</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with virtually any React component</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No convoluted APIs to learn</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">No boilerplate required</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Routing with react-router</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Works with CSS-in-JS libraries like styled-components</div></div><div class="_cxsu _cxsv _cxsw _cxsx _cxs3"><div class="_cxs3 _cxsb _cxs3 _cxs3">Support for async data fetching</div></div></div></div></section><section id="get-started"><div class="_cxsr _cxs3"><div class="_cxs3 _cxss _cxsb _cxs3 _cxs3">Get Started</div><div class="_cxs3 _cxsy _cxs3">Read the docs and get started on GitHub or sign up for updates.</div><a href="https://github.com/c8r/x0" class="_cxsz _cxs10">Documentation</a><a href="https://compositor.io/#sign-up" class="_cxs11 _cxsz _cxs3">Sign Up</a></div></section><footer><div class="_cxs4 _cxsf _cxs3"><div class="_cxs3 _cxsl _cxs3 _cxs3">© 2017 Compositor, Inc.</div></div></footer></main></div><script>
|
||||
window.twttr = (function(d, s, id) {
|
||||
var js, fjs = d.getElementsByTagName(s)[0],
|
||||
t = window.twttr || {};
|
||||
@ -27,6 +27,6 @@ return t;
|
||||
}(document, "script", "twitter-wjs"));
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
<script id='__initial-props__' type='application/json'>{"title":"Compositor x0","_basename":"/x0","routes":["/"],"d":"docs","outDir":"docs","pathname":"/","hello":"hi","css":"._cxs0{max-width:768px}._cxs10{margin-right:16px}._cxs11{box-shadow:inset 0 0 0 2px;color:inherit !important;background-color:transparent !important}._cxs1{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}._cxs3{}._cxs4{display:flex}._cxs5{align-items:center}._cxs6{flex-wrap:wrap}._cxs7{display:block;color:inherit;text-decoration:none}._cxs8{margin-left:-8px}._cxs9{text-transform:uppercase;letter-spacing:.2em}._cxsa{font-size:10px}._cxsb{font-weight:600}._cxsc{margin-left:auto;margin-right:auto}._cxsd{text-decoration:none;display:inline-block;font-weight:bold;text-transform:uppercase;letter-spacing:0.2em;padding:8px;color:inherit}._cxse{margin-right:8px}._cxsf{padding-bottom:32px;padding-top:64px}._cxsg{font-size:64px;font-weight:600;line-height:1.25}._cxsh{margin:0px}._cxsi{font-size:20px}._cxsj{margin-bottom:16px}._cxsk{font-family:\"Roboto Mono\", Menlo, monospace}._cxsl{font-size:12px}._cxsm{display:block;width:100%;height:auto;margin:0}._cxsn{padding-top:32px;padding-bottom:32px}._cxso{font-family:\"Roboto Mono\", Menlo, monospace;margin:0;padding:0}._cxsp{font-size:14px}._cxsq{color:cyan}._cxsr{padding-top:64px;padding-bottom:64px}._cxss{font-size:24px}._cxst{margin-left:-16px;margin-right:-16px}._cxsu{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}._cxsv{width:100%}._cxsy{margin-bottom:32px}._cxsz{display:inline-block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.2em;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;color:black;background-color:white;border:0;border-radius:8px}@media screen and (min-width: 40em){._cxs2{padding-left:32px;padding-right:32px}}@media screen and (min-width: 40em){._cxsw{width:50%}}@media screen and (min-width: 52em){._cxsx{width:50%}}"}</script>
|
||||
<script src='/bundle.js'></script>
|
||||
</html>
|
@ -1,5 +1,6 @@
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
const MinifyPlugin = require('babel-minify-webpack-plugin')
|
||||
|
||||
const config = {
|
||||
entry: [
|
||||
@ -61,7 +62,7 @@ module.exports = (filename, options = {}) => {
|
||||
)
|
||||
|
||||
config.plugins.push(
|
||||
new webpack.optimize.UglifyJsPlugin()
|
||||
new MinifyPlugin()
|
||||
)
|
||||
|
||||
config.plugins.push(
|
||||
|
@ -8,6 +8,7 @@
|
||||
},
|
||||
"scripts": {
|
||||
"start": "./bin/cli.js dev docs/App.js -op 8888",
|
||||
"_build": "./bin/cli.js build docs/App.js -d docs",
|
||||
"build": "./bin/cli.js build docs/App.js --static -d docs",
|
||||
"test": "nyc ava",
|
||||
"cover": "nyc report --reporter=html --reporter=lcov"
|
||||
@ -18,6 +19,7 @@
|
||||
"dependencies": {
|
||||
"babel-core": "^6.26.0",
|
||||
"babel-loader": "^7.1.2",
|
||||
"babel-minify-webpack-plugin": "^0.2.0",
|
||||
"babel-plugin-transform-runtime": "^6.23.0",
|
||||
"babel-preset-env": "^1.6.0",
|
||||
"babel-preset-react": "^6.24.1",
|
||||
|
Loading…
Reference in New Issue
Block a user