Skip to content
This repository was archived by the owner on Jun 14, 2018. It is now read-only.

Simplify Gulp build, webpack config etc.#68

Merged
borekb merged 4 commits intomasterfrom
67-simplify-gulp-etc
Apr 1, 2016
Merged

Simplify Gulp build, webpack config etc.#68
borekb merged 4 commits intomasterfrom
67-simplify-gulp-etc

Conversation

@borekb
Copy link
Member

@borekb borekb commented Apr 1, 2016

Resolves #67.

The goal of this PR is to make the system of Gulpfiles, webpack config files etc. simpler.

@borekb borekb self-assigned this Apr 1, 2016
@borekb borekb added this to the Improvements milestone Apr 1, 2016
@borekb
Copy link
Member Author

borekb commented Apr 1, 2016

After 055a6a1, some features are missing that should return back:

  • Compile LESS files to CSS, not to bundle.js, to avoid rendering glitches.
  • Watching of client source files & automatic webpack invocation

The rest can be left out for the moment:

  • Linting – while useful, this can be added later, it's not essential.
  • Distinguishing DEV / PROD – we currently don't have a strong need to distinguish between them, or maybe this will be done as part of automatic source code watching which might require webpack dev server which might require DEV / PROD distinction.

borekb added 3 commits April 1, 2016 13:12
…change that drops some features but in return, makes the whole project structure a lot simpler. Details:

- Multiple Gulp files in the `config` folder were merged to the standard, single `gulpfile.js`
- Dtto for webpack - there's now a standard `webpack.config.js` and one can actually run `webpack` from the site root which was not working previously
- Generally, no weird concepts are used in the gulpfile anymore (e.g., prefixing Gulp plugins and even non-Gulp functions with `$.` was removed)
- `.env.example` cleaned up
- Better documentation for some Gulp tasks
- Removed several features for now. Most of them will return in the future, in a cleaner way. Those were:
    - TS linting
    - Client-side source files watching using webpack dev server. Watching server-side TS files is still there and, also, MD and JS files are watched and will reload the Node server / browsers via Browsersync.
    - Distinguishing between DEV and PROD environment. It was done a bit chaotically, will be re-implemented once we know for sure where we need this distinction and why.
    - Single `bundle.js` is used instead of `app.js` plus `app.css`. This change was done to keep things simple (and commit finally :) ) but the previous approach was arguably better, for example, there are now temporary rendering glitches until the CSS is fully loaded via JS. We'll return to the previous approach soon.
- Updated README to be simpler and guide the user to the main workflow of running the site and editing Markdown files.
…ering issues when loading Bootstrap-styled images etc.
@borekb borekb force-pushed the 67-simplify-gulp-etc branch from 6b12f5a to 5f61e74 Compare April 1, 2016 11:13
…just using gulp.watch() and quite slow. webpack dev server would be useful in the future.
@borekb borekb merged commit f7098c0 into master Apr 1, 2016
@borekb borekb deleted the 67-simplify-gulp-etc branch April 1, 2016 12:37
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant