Browse Source

bundle multiple files

pull/1/head
wes 7 years ago
parent
commit
8a7c4f4fba
  1. 1
      fabfile.py
  2. 35
      rollup.config.js
  3. 6
      src/templates/write.html

1
fabfile.py

@ -16,6 +16,7 @@ def buildScss():
def buildJS():
local("rollup -c rollup.config.js")
local("uglifyjs build/bundle.js -c > build/scripts/riotblog.min.js")
local("uglifyjs build/editor.bundle.js -c > build/scripts/editor.min.js")
@task
def buildVenv():

35
rollup.config.js

@ -4,15 +4,28 @@ import commonjs from 'rollup-plugin-commonjs'
import buble from 'rollup-plugin-buble'
import uglify from 'rollup-plugin-uglify';
export default {
entry: 'src/scripts/riotblog.js',
dest: 'build/bundle.js',
plugins: [
riot(),
nodeResolve({ jsnext: true, preferBuiltins: false}),
commonjs(),
buble(),
uglify()
],
format: 'iife'
function makeBundle(item) {
var entry = item[0];
var dest = item[1];
return {
entry: entry,
dest: dest,
plugins: [
riot(),
nodeResolve({ jsnext: true, preferBuiltins: false}),
commonjs(),
buble(),
uglify()
],
format: 'iife'
};
}
const items = [
["src/scripts/riotblog.js", "build/bundle.js"],
["src/scripts/editor.js", "build/editor.bundle.js"]
];
var bundles = items.map(makeBundle);
export default bundles;

6
src/templates/write.html

@ -20,14 +20,14 @@
{% block styles %}
<link rel="stylesheet" href="/blog/styles/spectre.min.css">
<link rel="stylesheet" href="/blog/styles/riotblog.min.css">
<link rel="stylesheet" href="/styles/spectre.min.css">
<link rel="stylesheet" href="/styles/riotblog.min.css">
{% endblock %}
{% block scripts %}
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="/blog/scripts/editor.min.js"></script>
<script type="text/javascript" src="/scripts/editor.min.js"></script>
{% endblock %}
</body>

Loading…
Cancel
Save