maj des fichiers theme.js / product.js : version 1.7

[lulurousseau]

Bonjour,

 

J'aimerai travailler sur le fichier product.js qui est importé dans theme.js

 

Sauf que je vois pas comment on fait pour mettre ces fichiers js à jour ^^'

Ils sont dans : themes / classic / _dev / js

 

Au passage, le fichier product.js permet de modifier le slider de la fiche produit pour info.

[lulurousseau]

Je ne sais pas si on est obligé d'utiliser webpack pour mettre à jour le fichier product.js

Perso, j'ai essayé d'utiliser webpack pour faire la maj en suivant ça :

 

http://developers.prestashop.com/themes/assets/index.html#about-webpack

https://www.prestashop.com/forums/topic/599660-perfect-packagejson-file-to-install-webpack-in-ps-17/

 

j'ai ajouté manuellement le package.json dans le répectoire _dev :

https://github.com/PrestaShop/PrestaShop/blob/1.7.1.x/themes/classic/_dev/package.json

 

puis j'ai fait : npm install

 

là ça m'a dit que des trucs étaient "deprecated",

du coup j'ai trouvé un forum où ils disaient qu'il fallait faire : npm install -g npm

 

après j'ai vérifié si webpack était bien installé : npm view webpack version

ça m'a donné ça -> 3.3.0 (donc c'est bien installé)

 

du coup, j'ai suivi la doc en faisant : 

npm run build

npm run watch

 

sauf que ça n'a pas marché, donc j'ai suivi un autre tuto 

https://webkul.com/blog/use-webpack-prestashop-1-7-classic-theme/

qui dit qu'il faudrait faire ça avant :

npm install --save-dev style-loader

npm install --save-dev css-loader

npm install --save-dev babel-loader

npm install --save-dev postcss-loader

 

 

 

tout s'est bien installé, après j'ai relancé : npm run build

 

ça me donne plein d'erreurs avec plein de warning comme ça sur un truc qui se nomme bourbon : 

 

 

> [email protected] build /Applications/MAMP/htdocs/presta/themes/classic/_dev

> webpack

 

WARNING: [bourbon] [Deprecation] `rem` is deprecated and will be removed in 5.0.0.

Backtrace:

node_modules/bourbon/app/assets/stylesheets/functions/_px-to-rem.scss:7, in function `rem`

css/partials/_variables.scss:22

 

WARNING: [bourbon] [Deprecation] `rem` is deprecated and will be removed in 5.0.0.

Backtrace:

node_modules/bourbon/app/assets/stylesheets/functions/_px-to-rem.scss:7, in function `rem`

css/partials/_variables.scss:23

 

WARNING: [bourbon] [Deprecation] `rem` is deprecated and will be removed in 5.0.0.

Backtrace:

node_modules/bourbon/app/assets/stylesheets/functions/_px-to-rem.scss:7, in function `rem`

css/partials/_variables.scss:24

 

WARNING: [bourbon] [Deprecation] `rem` is deprecated and will be removed in 5.0.0.

Backtrace:

node_modules/bourbon/app/assets/stylesheets/functions/_px-to-rem.scss:7, in function `rem`

css/partials/_variables.scss:25

 

WARNING: [bourbon] [Deprecation] `rem` is deprecated and will be removed in 5.0.0.

Backtrace:

node_modules/bourbon/app/assets/stylesheets/functions/_px-to-rem.scss:7, in function `rem`

 

css/partials/_variables.scss:26

 

 

 

etc. y'a cette erreur plein de fois...

mais il semble que c'est pas grave :

https://github.com/lacroixdesign/node-bourbon/issues/37

 

Après la liste d'erreur, ça me donne ça :

 

 

Hash: 8acd7a32f76e0c1e124b

Version: webpack 1.15.0

Time: 50000ms

                                        Asset       Size  Chunks             Chunk Names

 ../css/012cf6a10129e2275d79d6adac7f3b02.woff    57.6 kB          [emitted]  

  ../css/3d4a907b1b7a232654324a3dd7ae4aa3.eot     415 kB          [emitted]  

 ../css/846c191efd3d0aacde5a916cf2ebf1a4.woff     221 kB          [emitted]  

  ../css/2fd9c16b805724d590c0cff96da070a4.ttf     415 kB          [emitted]  

  ../css/5ea9fdf2293930126fa9c544968009ae.svg    2.01 MB          [emitted]  

  ../css/eeb9224f85430652fd070e4e64129aa4.eot     415 kB          [emitted]  

../css/199038f07312bfc6f0aabd3ed6a2b64d.woff2     160 kB          [emitted]  

 ../css/c2183257e7a697769df4200c547551f1.woff     220 kB          [emitted]  

  ../css/a165a42685795361b25593effb32fdb1.ttf     415 kB          [emitted]  

  ../css/5dc400bcedda37b13f35cb44623193cf.svg    1.96 MB          [emitted]  

  ../css/a77ade19de3d3762dfbf1fe553b293cc.eot     279 kB          [emitted]  

../css/7a3ebca0cba2e2c6090e84e1d77e0f94.woff2     121 kB          [emitted]  

 ../css/332f555bb44cdc394d6c799df0c03389.woff     166 kB          [emitted]  

  ../css/154da4697acc779b55af0a67f1241e4e.ttf     279 kB          [emitted]  

  ../css/3d34be670a7f15086e512282b97ae35e.svg    1.41 MB          [emitted]  

  ../css/b467416c449eb823029e16347b2ea510.eot     291 kB          [emitted]  

../css/a68cfe9d548950edf5df102269877edd.woff2     127 kB          [emitted]  

 ../css/3f81521029cc8a9a703419c4a74704a0.woff     173 kB          [emitted]  

  ../css/4f6ff3639c1e5728b905b650c1a06e75.ttf     290 kB          [emitted]  

  ../css/80e74ff9406650e53bbec1e292c2c094.svg    1.66 MB          [emitted]  

  ../css/e79bfd88537def476913f3ed52f4f4b3.eot     143 kB          [emitted]  

../css/570eb83859dc23dd0eec423a49e147fe.woff2    44.3 kB          [emitted]  

../css/19c1b868764c0e4d15a45d3f61250488.woff2     161 kB          [emitted]  

  ../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf     128 kB          [emitted]  

  ../css/3935e107ea61866e60d7946dc6a962f1.svg  848 bytes          [emitted]  

  ../css/8b05d51ede908907d65695558974d86f.svg  848 bytes          [emitted]  

  ../css/d3fbae74a276a9f6cf1d6241f29b61a3.svg  848 bytes          [emitted]  

  ../css/a67175d1ea11389d9107bd8c08f9d7d7.svg    3.78 kB          [emitted]  

  ../css/ffddcb3736980b23405b31142a324b62.svg    3.78 kB          [emitted]  

  ../css/d1a435fd2571e67858a31ee954b52278.svg    3.78 kB          [emitted]  

  ../css/cf2f3c1d5c7cb02c29f61964313148e1.svg    1.02 kB          [emitted]  

  ../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg     3.1 kB          [emitted]  

  ../css/36bff72dcba3098b4b70b482b22c29ab.svg  901 bytes          [emitted]  

  ../css/c1a65805f759901a39d10eb854c1dcf2.svg  901 bytes          [emitted]  

  ../css/7c24d4275efcbe8891f78378b7c808e0.svg  901 bytes          [emitted]  

  ../css/afb2ed6d67613a724a420a39b4fe5b0d.svg  891 bytes          [emitted]  

  ../css/b1db819132e64a3e01911a1413c33acf.svg  891 bytes          [emitted]  

  ../css/7988be8b63edf9c4accebf94d5db7927.svg  891 bytes          [emitted]  

  ../css/f255af0bbbe837e79f7821827f9c6f10.svg    1.56 kB          [emitted]  

  ../css/0266b05265f317a7409560b751cd61e8.svg    1.01 kB          [emitted]  

                                     theme.js     186 kB       0  [emitted]  main

                             ../css/theme.css     180 kB       0  [emitted]  main

                                 theme.js.map    1.11 MB       0  [emitted]  main

                         ../css/theme.css.map     344 kB       0  [emitted]  main

   [0] multi main 28 bytes {0} [built]

    + 68 hidden modules

 

WARNING in ./~/flexibility/flexibility.js

Critical dependencies:

1:413-420 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.

 @ ./~/flexibility/flexibility.js 1:413-420

Child extract-text-webpack-plugin:

 

        + 43 hidden modules

 

 

 

Du coup ça se met bien à jour, mais je trouve ça galère tout de même avec toutes ces erreurs... et je sais pas trop comment les retirer.

Au passage, ça arrête pas d'écraser mon theme.css, donc j'suis obligé de le récupérer à chaque fois --'

Edited July 19, 2017 by lulurousseau (see edit history)