Skip to content

Commit b0fefa2

Browse files
committed
Fix TypeScript spelling
1 parent f833afd commit b0fefa2

File tree

3 files changed

+8
-8
lines changed

3 files changed

+8
-8
lines changed

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# Laravel Mix React and Typescript Extension
1+
# Laravel Mix React and TypeScript Extension
22

3-
Laravel Mix already supports React and Typescript. But combining those two are rather undocumented. I have made my custom extension to easily start React/TypeScript applications.
3+
Laravel Mix already supports React and TypeScript. But combining those two are rather undocumented. I have made my custom extension to easily start React/TypeScript applications.
44

55
Please note that this extension compiles everything using the `babel-loader` and not the `ts-loader`. This is possible due to `@babel/preset-typescript`. Please read the following blog post if you want to know more about this: https://iamturns.com/typescript-babel/
66

7-
By using `babel-loader`, webpack configuration becomes much simpler and compilation performance is higher. However during compilation `babel-loader` will simply remove everything Typescript without checking anyting.
7+
By using `babel-loader`, webpack configuration becomes much simpler and compilation performance is higher. However during compilation `babel-loader` will simply remove everything TypeScript without checking anyting.
88

9-
To see Typescript errors you should manually check using the `tsc` command. `tsc` command becomes available because this extension installs `typescript` using npm. You should also have your `tsconfig.json` file in the project root. You can use the `example.tsconfig.json` file provided in this repository.
9+
To see TypeScript errors you should manually check using the `tsc` command. `tsc` command becomes available because this extension installs `typescript` using npm. You should also have your `tsconfig.json` file in the project root. You can use the `example.tsconfig.json` file provided in this repository.
1010

1111
## Installation
1212

@@ -20,6 +20,6 @@ let mix = require("laravel-mix");
2020
require("laravel-mix-react-typescript-extension");
2121

2222
mix
23-
.reactTypescript("resources/js/app.js", "public/js")
23+
.reactTypeScript("resources/js/app.js", "public/js")
2424
.sass("resources/sass/app.scss", "public/css");
2525
```

index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
let mix = require("laravel-mix");
22

3-
class ReactTypescript {
3+
class ReactTypeScript {
44
constructor() {
55
this.toCompile = [];
66
}
@@ -62,4 +62,4 @@ class ReactTypescript {
6262
}
6363
}
6464

65-
mix.extend("reactTypescript", new ReactTypescript());
65+
mix.extend("reactTypeScript", new ReactTypeScript());

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "laravel-mix-react-typescript-extension",
33
"version": "1.0.0",
4-
"description": "Laravel Mix extension for building React with Typescript. This uses the Babel loader and not the ts-loader.",
4+
"description": "Laravel Mix extension for building React with TypeScript. Using @babel/preset-typescript.",
55
"main": "index.js",
66
"repository": {
77
"type": "git",

0 commit comments

Comments
 (0)