Skip to content

Commit c1bac96

Browse files
authored
Update UPGRADE.md
1 parent 20e36a9 commit c1bac96

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

UPGRADE.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -184,17 +184,17 @@ And you may remove your Mix configuration file:
184184
rm webpack.mix.js
185185
```
186186

187-
If you are using StyleCI and have ignored the `webpack.mix.js` file in your configuration, you may also like to remove the ignore rule.
187+
If you are using StyleCI and have ignored the `webpack.mix.js` file in your configuration, you may also wish to remove the ignore rule.
188188

189189
### Optional: Configure Tailwind
190190

191-
If you are using Tailwind, perhaps with one of Laravel's starter kits, you will need a `postcss.config.js` file. Tailwind can generate this for you automatically:
191+
If you are using Tailwind, perhaps with one of Laravel's starter kits, you will need to create a `postcss.config.js` file. Tailwind can generate this for you automatically:
192192

193193
```shell
194194
npx tailwindcss init -p
195195
```
196196

197-
Or you can create it manually:
197+
Or, you can create it manually:
198198

199199
```js
200200
module.exports = {
@@ -209,7 +209,7 @@ If you are using other PostCSS plugins, such as `postcss-import`, you will need
209209

210210
### Optional: Git ignore the build directory
211211

212-
Vite will place all of your build assets into a `build` subdirectory inside your public directory. If you prefer to build your assets on deploy, instead of committing them to your repository, then you may wish to add this directory to your `.gitignore` file:
212+
Vite will place all of your build assets into a `build` subdirectory inside your public directory. If you prefer to build your assets on deploy instead of committing them to your repository, you may wish to add this directory to your `.gitignore` file:
213213

214214
```gitignore
215215
/public/build
@@ -223,7 +223,7 @@ You may remove your dedicated Laravel Mix SSR configuration:
223223
rm webpack.ssr.mix.js
224224
```
225225

226-
In most cases you won't need a dedicated SSR configuration file when using Vite. You can specify your SSR entry point by passing a configuration option to the Laravel plugin:
226+
In most cases, you won't need a dedicated SSR configuration file when using Vite. You can specify your SSR entry point by passing a configuration option to the Laravel plugin:
227227

228228
```js
229229
import { defineConfig } from 'vite'
@@ -249,7 +249,7 @@ You may wish to add the following additional scripts to your `package.json`:
249249
}
250250
```
251251

252-
If you prefer to build your assets on deploy, instead of committing them to your repository, then you may wish to add the SSR output directory to your `.gitignore` file:
252+
If you prefer to build your assets on deploy instead of committing them to your repository, you may wish to add the SSR output directory to your `.gitignore` file:
253253

254254
```gitignore
255255
/storage/ssr
@@ -261,27 +261,27 @@ You may start the SSR server using `node`:
261261
node storage/ssr/ssr.js
262262
```
263263

264-
### Wrapping Up
264+
### Wrapping up
265265

266-
You should now be able to build your assets using the following command. This will also invoke the Vite server and Vite will watch for file changes:
266+
You should now be able to build your assets using `dev` command. This will also invoke the Vite server and Vite will watch for file changes:
267267

268268
```shell
269269
npm run dev
270270
```
271271

272-
Alternatively, if you need to build files without watching or if you need to build them for production, you may use the following command:
272+
Alternatively, if you need to build files without watching or if you need to build them for production, you may use the `build` command:
273273

274274
```shell
275275
npm run build
276276
```
277277

278-
For further info on how to use Vite, please check out [the documentation](https://laravel.com/docs/vite).
278+
For further information on how to use Vite, please check out [the Laravel Vite documentation](https://laravel.com/docs/vite).
279279

280280
## Migrating from Vite to Laravel Mix
281281

282282
### Install Laravel Mix
283283

284-
First you will need to install Laravel Mix using your npm package manager of choice:
284+
First, you will need to install Laravel Mix using your npm package manager of choice:
285285

286286
```shell
287287
npm install --save-dev laravel-mix
@@ -371,7 +371,7 @@ You will also need to update these references in your JavaScript code to use the
371371

372372
### Remove CSS imports from your JavaScript entry point(s)
373373

374-
If you are importing your CSS via JavaScript, you will need to remove them:
374+
If you are importing your CSS via JavaScript, you will need to remove these statements:
375375

376376
```js
377377
- import '../css/app.css'
@@ -396,7 +396,7 @@ Vite and the Laravel Plugin can now be uninstalled:
396396
npm remove vite laravel-vite-plugin
397397
```
398398

399-
And you may remove your Vite configuration file:
399+
Next, you may remove your Vite configuration file:
400400

401401
```shell
402402
rm vite.config.js

0 commit comments

Comments
 (0)