Advertisement
sanjiisan

Untitled

Jun 7th, 2017
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.63 KB | None | 0 0
  1. //Instrukcja dorzucenia webpack'a do projektu:
  2. Najpierw tworzymy plik package.json a do jego środka wrzucamy:
  3. {
  4. "name": "webpack_firstuse",
  5. "version": "1.0.0",
  6. "description": "",
  7. "main": "index.html",
  8. "devDependencies": {
  9. "babel-core": "^6.24.1",
  10. "babel-loader": "^7.0.0",
  11. "babel-preset-es2015": "^6.24.1",
  12. "css-loader": "^0.28.4",
  13. "node-sass": "^4.5.3",
  14. "sass-loader": "^6.0.5",
  15. "style-loader": "^0.18.2",
  16. "webpack": "^2.6.1",
  17. "webpack-dev-server": "^2.4.5"
  18. },
  19. "scripts": {
  20. "test": "echo \"Error: no test specified\" && exit 1"
  21. },
  22. "author": "",
  23. "license": "ISC"
  24. }
  25.  
  26. //Następnie tworzymy plik konfiguracyjny webpack'a który MUSI nazywać się: webpack.config.js a do jego środka wrzucamy:
  27. module.exports = {
  28. entry: "./js/app.js",
  29. output: {
  30. filename: "./out.js"
  31. },
  32. watch: true,
  33. module: {
  34. loaders: [
  35. {
  36. test: /\.js$/,
  37. exclude: /node_modules/,
  38. loader: 'babel-loader',
  39. query: {
  40. presets: ['es2015']
  41. }
  42. },
  43. {
  44. test: /\.scss$/,
  45. loaders: ['style-loader', 'css-loader',
  46. 'sass-loader'
  47. ]
  48. }
  49. ]
  50. }
  51. };
  52.  
  53. ///Następnie w konsoli tam gdzie mamy stworzone pliku wpisuje komendę 'npm install' - ważne!! nie używamy tutaj sudo!
  54.  
  55. //Po załadowaniu wszystkich zależności(tych które się znajdują w package.json) należy wpisać dwie komendy:
  56. ./node_modules/.bin/webpack
  57. lub sama komenda gdy jest zainstalowany globalnie
  58. webpack
  59.  
  60. następnie należy wpisać komendę która włączy serwer na który będzie działała aplikacja:
  61. ./node_modules/.bin/webpack-dev-server --inline --hot
  62.  
  63.  
  64. WSZYSTKO DZIAŁA!!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement