Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> webpack problem z plikami graficznymi
Lord
post 27.03.2017, 20:28:29
Post #1





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

Ostrzeżenie: (10%)
X----


Mam problem webpack (dopiero zaczynam zabawę). Mam napisane jakąś tam gierkę w js i problem polega na tym, że nie wiem jak "skopiować" obrazki z projektu do filnalnej wersj.

1,. ogólnie js mi działa tak jak chce,
2. z ssas mi kopiuje obrazki, ale nie wiem jak ustawić subkatalog i zostawić nazwy takie jakie były i może dodałbym minifikacje?
3. nie wiem jak ustawić by html z projektu leciał do dist, wiec jest na stałe w dist, ale chciałbym dodać minifikacja
4. w js ładuje sobie grafiki, ale mimo w finalnym js dalej odwołują się do src jak to naprawić? skopiwać je do finalnego ktalogu najlepiej z zachowaniem struktury katalogów?
5. może jakieś uwagi ? ktoś może pomoże tu ulepszyć smile.gif ?


  1. loadImages(onComplete){
  2. var directory = this.config.imagesLoad.directory;
  3. var fileNames = this.config.imagesLoad.fileNames;
  4.  
  5. var imagesLeft = fileNames.length;
  6. var imgs = [];
  7. fileNames.forEach(function(fileName) {
  8. var img = new Image();
  9. img.onload = function() {
  10. imagesLeft--;
  11. if (imagesLeft <= 0)
  12. onComplete();
  13. //return true;
  14. };
  15. img.src = directory + '/' + fileName;
  16. var unitName = fileName.substring(0, fileName.lastIndexOf('.'));
  17. imgs[unitName] = img;
  18. });
  19.  
  20. this.images = imgs;
  21. }


  1. var path = require("path");
  2. var ExtractTextPlugin = require('extract-text-webpack-plugin');
  3.  
  4. module.exports = {
  5.  
  6. //define entry point
  7. entry: './src/js/main.js',
  8.  
  9. //define output point
  10. output: {
  11. path: path.join(__dirname, "dist"),
  12. filename: 'app.js'
  13. },
  14.  
  15. module: {
  16. loaders: [
  17. {
  18. test: /\.js$/,
  19. exclude: /(node_modules)/,
  20. loader: 'babel-loader',
  21. query: {
  22. presets: ['es2015']
  23. }
  24. },
  25.  
  26. ],//loaders
  27. rules: [
  28. {
  29. test: /\.(jpeg|jpg)$/,
  30. use: [
  31. {
  32. loader: 'url-loader',
  33. options:
  34. {
  35. limit: 8192
  36. }
  37. } // limit => file.size =< 8192 bytes ? DataURI : File
  38. ]
  39. },
  40. {
  41. test: /\.scss$/,
  42. loader: ExtractTextPlugin.extract(['css-loader','sass-loader']),
  43. }
  44. ]
  45. },//module
  46. plugins: [
  47. new ExtractTextPlugin("styles.css"),
  48. ]
  49. };
  50.  


Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 01:48