Skip to content

Commit 9ac7efc

Browse files
committed
Fix typo in the README.md file.
1 parent 64fd9af commit 9ac7efc

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,19 +53,19 @@ An example of this would be the following Vue component:
5353
```
5454

5555
### Optional Separation of concerns for Web and Native SFC's
56-
If you want complete seperation of concerns between Web and Native for components, core logic and styling, you can also provide an alternate file naming scheme in your project. The name will dictate which mode (Web or Native) and platform (Android or IOS) the file will be used with. The same overall schema will work for `.vue`, `.js`, `.ts`, `.scss` and `.css` files.
56+
If you want complete seperation of concerns between Web and Native for components, core logic and styling, you can also provide an alternate file naming scheme in your project. The name will dictate which mode (Web or Native) and platform (Android or IOS) the file will be used with. The same overall schema will work for `.vue`, `.js`, `.ts`, `.scss` and `.css` files.
5757

5858
| File Type | Android __and__ IOS | Android only | IOS only | Web only |
5959
| ---------- | ------------------- | --------------- | --------------- | --------------- |
60-
| vue | *.native.vue | *.android.vue | *.ios.vue | *.vue |
60+
| vue | *.native.vue | *.android.vue | *.ios.vue | *.vue |
6161
| js | *.native.js | *.android.js | *.ios.js | *.js |
6262
| ts | *.native.ts | *.android.ts | *.ios.ts | *.ts |
6363
| scss | *.native.scss | *.android.scss | *.ios.scss | *.scss |
6464
| css | *.native.css | *.android.css | *.ios.css | *.css |
6565

6666
Webpack will handle figuring out which files to include based on the `npm run` command syntax you pass in. You can also mix and match this file naming schema with the `web` or `native` tag options mentioned above.
6767

68-
At `serve` or `build` in conjunction with the mode such as `android` or `ios`, Webpack will filter which files are looked at. For instance, if you do `npm run serve:android`, then it will look for `*.native.vue` and `*.android.vue` files and ignore `*.ios.vue` files entirely. Conversely, it will do the same when you are working with `ios` and will ignore `*.android.vue` files.
68+
At `serve` or `build` in conjunction with the mode such as `android` or `ios`, Webpack will filter which files are looked at. For instance, if you do `npm run serve:android`, then it will look for `*.native.vue` and `*.android.vue` files and ignore `*.ios.vue` files entirely. Conversely, it will do the same when you are working with `ios` and will ignore `*.android.vue` files.
6969

7070
This will allow you to develop generic native components under the `*.native.vue` file extension, but in special cases, it may require you to do platform specific components, core logic and styling. Use the corrosponding file extension to allow this to happen.
7171

@@ -218,7 +218,7 @@ Each time the project is built or served, the plugin will copy the latest webpac
218218
If you'd like to see what the webpack config is doing then you can run one of the following:
219219

220220
1. `vue inspect -- --env.android > out-android.js`
221-
2. `vue inspect -- --env.ios > out-android.js`
221+
2. `vue inspect -- --env.ios > out-ios.js`
222222
3. `vue inspect -- --env.web > out-web.js`
223223

224224
These will default to showing you the Development version of the webpack config. You can pass in the `-- --env.production` option to see the Production version of the config. Subtitute `development.android` or `production.ios`, etc to see the different configs based on the environmental variables.

0 commit comments

Comments
 (0)