Szablon npm instalowanie szablonu

Instalacja pakietów w katalogu projektu

# cd /var/www/html/project

# npm init
# npm install bootstrap
# npm install jquery@>=3.0.0
# npm install popper.js@^1.14.7
# npm install --save-dev @fortawesome/fontawesome-free

Weryfikacja zainstalowanych wersji i ścieżek

# cat package.json
# ls -l node_modules/

Podlinkowanie do katalogu dostępnego publicznie webroot/

# cd webroot/
# ln -s /var/www/rodo/node_modules/bootstrap/dist/css/bootstrap.min.css bootstrap-4.3.1.css
# ln -s /var/www/rodo/node_modules/bootstrap/dist/js/bootstrap.min.js bootstrap-4.3.1.js
# ln -s /var/www/rodo/node_modules/jquery/dist/jquery.min.js jquery-3.4.1.min.js
# ln -s /var/www/rodo/node_modules/popper.js/dist/popper.min.js popper-1.15.0.min.js
# ln -s /var/www/rodo/node_modules/@fortawesome/fontawesome-free/css/all.css fa-5.9.0.css
# ln -s /var/www/rodo/node_modules/@fortawesome/fontawesome-free/js/all.js fa-5.9.0.js

Dodanie zasobów do szablonu layout.ctp

<!DOCTYPE html>
<html lang='pl'>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
        <title>Mój portal</title>
        <link rel="stylesheet" href="/bootstrap-4.3.1.css">
        <link rel="stylesheet" href="/fa-5.9.0.css">
        <?= $this->fetch('css') ?>
   </head>
   <body>
       <?= $this->fetch('content') ?>

       <footer></footer>
       
        <script src="/jquery-3.4.1.min.js"></script>
        <script src="/popper-1.15.0.min.js"></script>
        <script src="/fa-5.9.0.js"></script>
        <script src="/bootstrap-4.3.1.js"></script>
        <?= $this->fetch('script') ?>
   </body>
</html>

Dodaj komentarz