TypeScript Feature Flag

At the moment, we do support basic TypeScript compilation via mix.ts('entry', 'output'). but there doesn’t seem to be an easy way to, for example, add TypeScript support to a Vue project. You’d need to manually drop down to the mix.webpackConfig() level.

I think we should make this simpler to activate. A couple options:

Choice 1: Feature Flag

mix.js('resources/js/app.js', 'dist')
    .vue()
    .typeScript();

With this approach, we’d only need to update Mix’s existing TypeScript component to make the register method’s entry and output parameters optional. That way, it can function as it always has…OR it can behave like a feature flag (just like mix.vue()).

Choice 2: Make it an Option

mix.js('resources/js/app.js', 'dist')
    .vue({ typeScript: true });

A second option which I personally like less would be to “turn on” TypeScript support as part of the mix.vue() option parameters.

---

Thoughts?

[JeffreyWay]

Ugh I totally forgot that we already allowed for this when we switched to Vue being a feature flag.

I’m going to update the docs with a couple examples to make this clearer.

[thecrypticace]

It was just “supported” given that we enabled Vue support all the time.