kapouer / bundledom Goto Github PK
View Code? Open in Web Editor NEWBundle and transform javascript files, stylesheets, html imports and update DOM document
License: MIT License
bundledom's People
Contributors
Stargazers
Watchers
bundledom's Issues
mangler, compressor options
Some libs need special options like angular/angular#10618 (comment).
Let them be passed through cli.
Nested html imports are not handled properly
Loading an import in an import produces incorrect javascript code that crashes on client.
add support for esm modules
Basically it needs to add some esm transform to browserify.
do not write empty files, do not try to append tags for them
Currently, bundling a file without stylesheets will warn about missing pivot node,
it shouldn't since the bundle stylesheet is empty anyway. And it shouldn't write it to disk.
warn when file order is changed
Warn when order of common files + specific files != initial specific files,
to help track issues with bundles.
Add options to prefix, postfix filenames, or append a query to url
The best way to deal with cache is to change the file name.
However in some situations the deployed file name must not change,
so appending a query string is the only way to go.
source maps
Bug when including .js file in an import
Bundling an import which loads a js file produces incorrect js that crashes on the client. Maybe this is related to issue #5. The .js file concerned is tab.js from semantic-ui.
port to gulp, use vulcanize
Add support for Subresource Integrity
include a tool that split css/js files in two groups, configured by a list of common files
It would automatically build common-xxx.js, common-xxx.css files and for each mypage.html a mypage.js, mypage.css file.
It would also append application version automatically.
document this makefile
project := $(shell node -p "require('./package').name")
version := $(shell node -p "require('./package').version")
bundledom = $(shell node -p 'require.resolve("bundledom/bin/bundledom")')
htmlFiles = $(patsubst public/%.html,public/bundles/%.html, $(shell fgrep -sl "<html" public/*.html | tr '\n' ' '))
bundleDir = public/bundles
bundle: clean $(htmlFiles)
clean:
rm -f public/bundles/*
public/bundles/%.html: public/%.html
file=`basename $<` \
name="$${file%.*}" \
$(bundledom) --root . \
--exclude public/assets/css/jquery-ui.min.css \
--exclude public/assets/css/bootstrap.min.css \
--exclude public/assets/js/jquery.min.js \
--html $@ \
--js $(bundleDir)/$*-$(version).js \
--css $(bundleDir)/$*-$(version).css \
$<
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.