Vite + Vue 2 + TypeScript
Attach this to the Vue project. I developed it with reference to Vite's build tool. This is different from the previous one, and the output is several times different. Amazing, Vue's performance jumps several times!!! Take it, and install it right away and try it out.
-- Tem Ray
Description
This template is for using Vue2 with TypeScript in Vite. Includes vue-router and Vuex, vue-property-decorator.
In addition, ESLint, Stylelint, and Prettier are also included and are set to be executed automatically at runtime and commit. (Since these settings are set strictly, please relax yourself.)
Commands
| Command | Description |
|---|---|
| dev | Start devserver. |
| clean | Clear devserver cache. |
| build | Build for production |
| build:clean | Clear production build files. |
| lint | Run ESLint and prettier. |
| lint:style | Run Stylelint. |
| lint:markup | Check vue markup. |
| preview | Run the program generated by the production build. |
Migrate from VueCli
It also works when migrating from VueCLI.
However, when importing a stylesheet with @import, it cannot be specified from the library directory. Must be specified from ~node_modules/.
Also, if you used the .env file in the previous environment, you need to change the calling part from process.env to import.meta.env after installing vite-plugin-env-compatible separately.
Troubleshooting
When adding or deleting files, an error may occur and even if the error is corrected, it may not be reflected in devserver. In that case, stop devserver and delete all the files in the node_modules/.vite directory. You can also run it with the clean command.