PHPnews.io

Overview for 'sebastiandedeyne'


Vite with Laravel: Using TypeScript

Written by Sebastian De Deyne / Original link on Mar. 25, 2021

Vite transpiles TypeScript out of the box. Vite only performs transpilation on .ts files and does NOT perform type checking. It assumes type checking is taken care of by your IDE and build process. If you like to see type errors in your terminal (like me), you’ll need to add extra tooling. I solved…


Vite with Laravel: Using React

Written by Sebastian De Deyne / Original link on Mar. 25, 2021

Vite supports JSX out of the box, so there are no additional steps to get started with React. However, you’ll probably want to enable React Refresh for a better development experience. React Refresh lets you edit components without losing the current state of your running application. For example,…


Vite with Laravel: Using Vue.js

Written by Sebastian De Deyne / Original link on Mar. 22, 2021

At the time of writing, Vite isn’t compatible with Vue 2. This guide is written for Vue 3. To transpile Vue single-file components, install @vitejs/plugin-vue. { "private": true, "scripts": { "dev": "vite", "production": "vite build" }, "devDependencies": { "@vitejs/plugin-vue": "^1.1.5", "axios":…


Vite with Laravel: Using Tailwind CSS

Written by Sebastian De Deyne / Original link on Mar. 22, 2021

Vite includes PostCSS by default, so all you need to do is have a tailwind.config.js file, and reference the Tailwind plugin in postcss.config.js. // postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, } If you’d rather not have a separate configuration file, you…