core icon indicating copy to clipboard operation
core copied to clipboard

Additional Easy Webpack preset ideas

Open niieani opened this issue 9 years ago • 15 comments

  • [ ] GitHub Pages Deploy (example)
  • [ ] Auto-open Browser on bundle
  • [ ] Stylus
  • [ ] Autoprefixer for CSS
  • [ ] BrowserSync auto-reload ? https://github.com/aurelia/skeleton-navigation/issues/648

Feel free to post your own ideas here.

┆Issue is synchronized with this Asana task

niieani avatar Jul 11 '16 12:07 niieani

@niieani Does it make sense to rename config-typescript to config-awesome-typescript-loader to make room for config-ts-loader. Possibly make that a naming convention when wrapping loaders and plugins to offer users more choice down the road and to be able to more easily identify what's in the black box.

  • [ ] ts-loader

mike-morr avatar Jul 20 '16 18:07 mike-morr

Actually, I've made that decision consciously - I especially want to remove any cognitive load on the user; offering alternatives usually incurs the thought "so which one is better?" and the need to research, thus increasing it. I find awesome-typescript-loader to be better than the ts-loader for almost all use-cases, but people who already know what they want can always install it and declare its config manually.

Is there any particular use-case you have in mind for which ts-loader works better?

niieani avatar Jul 20 '16 18:07 niieani

I have tried to use awesome-typescript-loader twice, and both times I immediately got a bunch of non-actionable error messages. ts-loader seems to just work without getting in my way. This is just my experience, but both times it ended up being a guessing game on how to troubleshoot. The issue I am experiencing now might be because I haven't figured out all the TS@beta (and friends) nuances yet. I am going through the Aurelia webpack skeleton since it should be a known working example to see what I am doing wrong.

Edit: should clarify both times were probably my fault some how.

mike-morr avatar Jul 20 '16 22:07 mike-morr

If you have a test repo which seems not to work with awesome ts loader I can have a look. I saw most major issues have been resolved in 2.1.0.

niieani avatar Jul 21 '16 07:07 niieani

That would be excellent!

git clone https://github.com/mike-morrison/PnP-JS-Core.git repro-atl
cd repro-atl
git checkout dev-ez-webpack
npm install
npm run dev

mike-morr avatar Jul 21 '16 07:07 mike-morr

Very odd error indeed! I've not come across it. Perhaps try opening an issue here and point them to your reproduction repo.

niieani avatar Jul 21 '16 07:07 niieani

Thanks for taking a look.

mike-morr avatar Jul 21 '16 18:07 mike-morr

Hello all! I created an easy-webpack config for pug files: https://github.com/alpox/config-pug feel free to integrate it with the others! (I hope i've done it right :smile: but it works on my setup)

The same thing should work for .jade files too (jade is the old naming) but i thought it confuses the user when there is a config-pug which works for jade files too so i test only for .pug files.

alpox avatar Aug 28 '16 21:08 alpox

@alpox looks good! I've forked and added you as a collaborator (you can accept the invite) so you can take care of this plugin here under easy-webpack. I'll publish it to NPM within a week or two as I'm quite busy now.

niieani avatar Aug 28 '16 21:08 niieani

@niieani Sounds good :smile: thank you for looking on it and accepting it.

alpox avatar Aug 28 '16 21:08 alpox

@alpox @niieani Did config-pug end up getting published? I can't see it on the registry at the moment

agc93 avatar Oct 19 '16 02:10 agc93

Oh man, I completely forgot about it publishing it! I'll do that today. Sorry about that.

niieani avatar Oct 19 '16 11:10 niieani

Still not published @niieani ? 😢

agc93 avatar Oct 26 '16 06:10 agc93

First thing in the morning @agc93.

the-perks-of-being-a-wallflower-promise-typewriter-bQk3Aw7WBdQ7m

niieani avatar Oct 27 '16 01:10 niieani

https://www.npmjs.com/package/@easy-webpack/config-pug

niieani avatar Oct 28 '16 01:10 niieani