Skip to content

Commit

Permalink
docs: use consistent language
Browse files Browse the repository at this point in the history
  • Loading branch information
llwt committed Sep 20, 2024
1 parent 9152afc commit ecc5384
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions docs/lab3/LAB.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ We'll build the app we just created, and look at what executors are and how to c
## 📚 Learning outcomes:

- **Understand what a `target` and `executor` are**
- **Understand how to view Project Details**
- **Invoke executors**
- **Configure executors by passing them different options**
- **Understand how an executor can invoke another executor**

#### 📲 After this workshop, you should have:

Expand All @@ -27,24 +27,24 @@ We'll build the app we just created, and look at what executors are and how to c
<img src="../assets/lab3_cmds.png" alt="Nx executor command structure">
</details><br />

2. You should now have a `dist` folder - let's open it up!
2. There should be a `dist` folder in the root of the workspace- let's open it up!

- This is your whole app's output! If we wanted to, we could push this to a server, and it would all work.
- This is the whole app's output! If we wanted to, we could push this to a server, and it would all work.
- Notice how all files have hashes in their suffix.
- Open one of the files, for example, `main.{hash}.js`, and look at its contents. Notice how it's minified.
<br />

3. Open the **Project Details** for your `store` app and expand the `build` section listed under "Targets."
3. Open the **Project Details** for the `store` app and expand the `build` section listed under "Targets."

- This is a **target** that uses the [`nx:run-commands`](https://nx.dev/nx-api/nx/executors/run-commands#nxruncommands) **executor** to call `webpack-cli` to build the app.
- Since the build target uses the [`webpack-cli`](https://webpack.js.org/api/cli/), like you would with any other webpack build, you can configure webpack using the `webpack.config.js` file in your project.
- Since the build target uses the [`webpack-cli`](https://webpack.js.org/api/cli/), webpack can be configured using the `webpack.config.js` file in the project root.

<details>
<summary>🐳 &nbsp;&nbsp;Hint</summary>
The easiest way to open the Project Details is by using the <a href="https://nx.dev/getting-started/editor-setup">Nx Console from within VS Code or a JetBrains IDE</a>. Once installed, you can access <a href="https://nx.dev/recipes/nx-console/console-project-details">the Project Details Views in multiple ways</a> without leaving your editor.
The easiest way to open the Project Details is by using the <a href="https://nx.dev/getting-started/editor-setup">Nx Console from within VS Code or a JetBrains IDE</a>. Once installed, the Project Details Views can be accessed <a href="https://nx.dev/recipes/nx-console/console-project-details"> in multiple ways</a> without leaving the editor.
<br /><br />

If you prefer to use the CLI, or are using an editor without Nx Console support, you can also open the project details in your browser by running `nx show project <project-name> --web`.
If the CLI is preferred, or editor without Nx Console support is being used, the project details can be opened in the browser by running `nx show project <project-name> --web`.
</details><br />

4. Configure license extraction during production builds
Expand Down Expand Up @@ -73,7 +73,7 @@ We'll build the app we just created, and look at what executors are and how to c
<details>
<summary>🐳 &nbsp;&nbsp;Hint</summary>

- The key you need to add to the `project.json` is `targets.build.configurations.development.args`.
- The key to add to the `project.json` is `targets.build.configurations.development.args`.
- Use the Project Details view to see how the environment is being set to production as an example.

</details><br />
Expand Down

0 comments on commit ecc5384

Please sign in to comment.