Skip to content

Vue with Typescript but without Webpack/Rollup

Notifications You must be signed in to change notification settings

trungtrong/systemjs-ts-es6-vue

 
 

Repository files navigation

Vue Class Component starter (Typescript)

Pet project for bundling es-modules for modern browsers and SystemJs-modules for IE10 (and other). No Webpack or Rollup using, but warm tube Gulp ;)

Run project: npm run deploy && npm run www or npm run deploy.dev && npm run www.dev Run jest tests: npm run test

Without bundlers

"Without bundlers" idea came from native "outFile" option of tsconfig.json But "outFile" option can be used only for SystemJs and AMD "module".

Gulp?!

It is very simple tool and it's used in our legacy project, which isn't hurry for bells & whistles ;)

SystemJs actual documentation & code examples

ES-modules reduced SystemJS popularity, therefore web is full of articles about SystemJS 0.xx configuration and almost nothing about actual 5.0 version! If you want to use older one, just use 0.19 because of typescript issue.

SystemJS 6.x have upgrade blocked error, so 5.0

Why Typescript & vue-class-component?

Because I want to write code which will be easy to migrate to Vue 3.0

Aliases problem solved

Relative paths are like a hell!

Questions

Why such a different setup?

Because of we have legacy .Net project on typescript, and need to start migrate to Vue, and if we already have native transpiler tsc from Microsoft which supports outFile bundling feature from tsconfig. Why we need another bundler such as webpack or rollup?! outFile feature supported only for SystemJS or AMD modules, that's why this project based on SystemJS and not need in .vue overengineering (even with @vue/test-utils).

Why SystemJs and not RequireJs (AMD)?

Because I have SystemJs bundle from the box (but needs to fix it in my project).

You use JSX inside the components?

No.

Articles

Tsc esm resolving

Microsoft Typescript on Github

Outdated packages

About

Vue with Typescript but without Webpack/Rollup

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 67.9%
  • JavaScript 26.1%
  • HTML 5.7%
  • CSS 0.3%