API Use Webpack
The bundle is generated by running “webpack” directly - gulp is no
longer needed as an intermediary. The resulting config is a lot shorter,
although more configuration is pushed into lib.js.
Modules are shared between javascript files as global variables.
Although this global state pollution is a bit messy, I don’t think it’s
practically any worse than the previous state, and it highlights the
heavy coupling between the different packages we have in place.
Reducing the width of the coupling between the core javascript and
add-on modules would probably be a better way of dealing with this than
replacing global variables with some other kind of global state.
The web pack execution seems roughly twice as fast - if I clear out my
framework/client/dist/js folder, it takes 13.3s to rebuild. However,
it’s not rebuilding other files inside dist, only the bundle files.
CSS files are now included from javascript and incorporated into
bundle.css by the webpack. Although the style-loader is helpful in some
dev workflows (it allows live reload), it introduces a flash of
unstyled content which makes it inappropriate for production.
Instead ExtractTextPlugin is used to write all the aggregated CSS
into a single bundle.css file. A style-loader-based configuration could
be introduced for dev environments, if we make use of the webpack live
reloader in the future.
Note that the following features have been removed as they don't appear to be
necessary when using Webpack:
- UMD module generation
- thirdparty dist file copying
LeftAndMain.js deps: Without it, ssui.core.js gets loaded too late,
which leads e.g. to buttons being initialised without this added behaviour.
2016-08-21 03:17:50 +02:00
|
|
|
body{font-family:Arial,san-serif;margin-bottom:18px;width:940px;margin:0 auto 18px;background-color:#f4f4f4}body,body p{font-size:13px;line-height:18px;color:#333}body p{margin-bottom:18px}body a{color:#0973a6}body h1,body h2,body h3,body h4,body h5,body h6{color:#222;font-family:inherit;font-weight:700;margin:0;margin:27px 0 9px;text-rendering:optimizelegibility;clear:both;text-shadow:0 1px 0 #fff}body h1 small,body h2 small,body h3 small,body h4 small,body h5 small,body h6 small{font-weight:400;font-size:12px;color:#666}body h1{font-size:36px;background:transparent url(data:image/gif;base64,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) no-repeat 0 0;text-indent:-9999px;height:164px;width:161px;float:left;padding-right:40px;border-right:1px solid #b1c0c5;margin-right:40px}body h1,body h2{line-height:36px;letter-spacing:-.5px}body h2{font-size:34px}body h3{font-size:18px;line-height:27px}body h4{font-size:14px;margin:18px 0 9px}body h4,body h5{line-height:18px}body h5{font-size:12px;margin:18px 0 0}body .clear{clear:both}body .left{float:left}body .message{padding:2px 18px;margin-bottom:18px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-radius:3px 3px 3px 3px}body .message p{margin:11px 0 13px}body .message.warning{background-colo
|