From 65a3fb434e68b27cd8efe63ce06a14b3bd7162ff Mon Sep 17 00:00:00 2001 From: Jonathan LELIEVRE Date: Tue, 1 Oct 2024 14:25:22 +0200 Subject: [PATCH] Update Node requirement in the doc for 9.0 --- basics/installation/_index.md | 2 +- basics/installation/system-requirements.md | 2 +- development/coding-standards/_index.md | 2 +- development/compile-assets.md | 2 +- modules/core-updates/9.0.md | 6 +++++- themes/getting-started/asset-management/webpack.md | 2 +- 6 files changed, 10 insertions(+), 6 deletions(-) diff --git a/basics/installation/_index.md b/basics/installation/_index.md index 49726d5883..ef9f148dc7 100644 --- a/basics/installation/_index.md +++ b/basics/installation/_index.md @@ -205,7 +205,7 @@ make composer ##### JavaScript and CSS dependencies PrestaShop uses `NPM` to manage dependencies and [`Webpack`][webpack] to compile them into static assets. -You only need `NodeJS 16.x` ([you can get it here][nodejs]), and NPM will take care of it all. +You only need `NodeJS 20.x` ([you can get it here][nodejs]), and NPM will take care of it all. ```bash cd /path/to/prestashop diff --git a/basics/installation/system-requirements.md b/basics/installation/system-requirements.md index 69cc5f9c17..044734158a 100644 --- a/basics/installation/system-requirements.md +++ b/basics/installation/system-requirements.md @@ -118,7 +118,7 @@ PrestaShop uses `Composer` to manage its packages. Install it [here][composer]. ### NodeJS PrestaShop uses `NPM` to manage frontend dependencies and [`Webpack`][webpack] to compile them into static assets. -You only need `NodeJS 16.x` ([you can get it here][nodejs]), and `NPM` will take care of it all. +You only need `NodeJS 20.x` ([you can get it here][nodejs]), and `NPM` will take care of it all. #### NVM diff --git a/development/coding-standards/_index.md b/development/coding-standards/_index.md index b1a2f7e38b..95055f49ac 100644 --- a/development/coding-standards/_index.md +++ b/development/coding-standards/_index.md @@ -164,7 +164,7 @@ Mark is the creator of the [Bootstrap framework](https://getbootstrap.com/). To help developers to comply with these conventions, [Stylelint](https://stylelint.io/), a stylesheet linter, has been configured in the PrestaShop project. You can find the configuration file [on this repository](https://github.com/PrestaShop/stylelint-config). -Same as if you want to [compile assets]({{< relref "/9/development/compile-assets" >}}), you need NodeJS and NPM to run Stylelint. +Same as if you want to [compile assets]({{< relref "/9/development/compile-assets" >}}), you need NodeJS 20.x and NPM 8.x to run Stylelint. You can run the linter like this: diff --git a/development/compile-assets.md b/development/compile-assets.md index d2b62b1994..892e7b7372 100644 --- a/development/compile-assets.md +++ b/development/compile-assets.md @@ -15,7 +15,7 @@ Here is a list of compatibility: | PrestaShop Versions | NodeJS Versions | NPM Versions | |---------------------|-----------------|--------------| -| 9.x | 16.x | 8.x | +| 9.x | 20.x | 8.x | If you can not manage to compile assets, you may be using an older version of PrestaShop. We strongly recommend you to install a package such as ['n'](https://www.npmjs.com/package/n?activeTab=versions) or [nvm](https://github.com/nvm-sh/nvm) to try with an older version of NodeJS. diff --git a/modules/core-updates/9.0.md b/modules/core-updates/9.0.md index 8ba9c488ff..37f05245e4 100644 --- a/modules/core-updates/9.0.md +++ b/modules/core-updates/9.0.md @@ -24,6 +24,10 @@ PrestaShop 9.0 now requires **PHP 8.1 minimum**, with support added for PHP 8.2 - [Support for PHP 8.2](https://github.com/PrestaShop/PrestaShop/pull/29116) - [Support for PHP 8.3](https://github.com/PrestaShop/PrestaShop/pull/34485) +## Node support + +The **minimum** version to build PrestaShop assets is now the version 20. + ## Core changes ### Symfony Upgrade @@ -579,4 +583,4 @@ The PrestaShop back office consists of [two themes][bo-themes]. Both themes have - Based on **Bootstrap 4** - Utilizes the **PrestaShop UI Kit** -[bo-themes]: {{< ref "/9/development/architecture/introduction.md#bo-themes" >}} \ No newline at end of file +[bo-themes]: {{< ref "/9/development/architecture/introduction.md#bo-themes" >}} diff --git a/themes/getting-started/asset-management/webpack.md b/themes/getting-started/asset-management/webpack.md index fee90416f0..4e47472692 100644 --- a/themes/getting-started/asset-management/webpack.md +++ b/themes/getting-started/asset-management/webpack.md @@ -26,7 +26,7 @@ Webpack compiles and minifies all this JavaScript code into a single file, which If you want to compile your assets using Webpack (and we advise you to), follow these steps: -1. Download and install [Node.js](https://nodejs.org/), which contains the npm tool. +1. Download and install [Node.js 20.x](https://nodejs.org/), which contains the npm tool. 2. In your command line tool, open the `_dev` folder. 3. Install npm: `npm install`. 4. You then have a choice: