Guest User

Untitled

a guest
Oct 23rd, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.38 KB | None | 0 0
  1. var path = require('path');
  2. const ExtractTextPlugin = require("extract-text-webpack-plugin");
  3.  
  4. module.exports = {
  5. entry: "./less/main.less", // путь откуда берет less
  6. node: {
  7. fs: 'empty',
  8. net: 'empty'
  9. },
  10. output: {
  11. path: __dirname + "/public/css", // путь куда вставлять компилированный css
  12. filename: "bundle.js"
  13. },
  14. module: {
  15. rules: [{
  16. test: /.less$/,
  17. use: ExtractTextPlugin.extract({
  18. fallback: "style-loader",
  19. use: ["css-loader", "less-loader"]
  20. })
  21. },
  22. {
  23. test: /.(png|jpg|jpeg|svg|gif)$/,
  24. include: [
  25. path.resolve(__dirname, './img/') // а тут надо прописать имя папки откуда будет брать все картинки
  26. ],
  27. use: [{
  28. loader: 'file-loader',
  29. options: {
  30. name: './public/img/[hash].[ext]',
  31. }
  32. }]
  33. },
  34. {
  35. test: /.(ttf|eot|woff|woff2|png|jpg|jpeg|svg|gif)$/,
  36. loader: 'url-loader'
  37. },
  38. ]
  39. },
  40. plugins: [
  41. new ExtractTextPlugin({
  42. filename: 'main.css' // а тут надо прописать имя css которое вы хотите
  43. })
  44. ]
  45. };
  46.  
  47. {
  48. "name": "********",
  49. "version": "1.0.0",
  50. "description": "***********************",
  51. "main": "serv.js",
  52. "scripts": {
  53. "start": "node serv",
  54. "watch": "webpack -w --config webpack.config.js"/*команда запуска webpack npm rum watch*/
  55. },
  56. "repository": {
  57. "type": "git",
  58. "url": "**********************************"
  59. },
  60. "keywords": [
  61. "short",
  62. "advertising",
  63. "site"
  64. ],
  65. "author": "***************",
  66. "license": "ISC",
  67. "homepage": "*******************",
  68. "dependencies": {
  69. "body-parser": "^1.18.2",
  70. "css-loader": "^0.28.7",
  71. "express": "^4.16.1",
  72. "fs": "0.0.1-security",
  73. "mongoose": "^4.12.1",
  74. "style-loader": "^0.19.0",
  75. "url-loader": "^0.6.2"
  76. },
  77. "devDependencies": {
  78. "extract-text-webpack-plugin": "^3.0.1",
  79. "file-loader": "^1.1.5",
  80. "less": "^2.7.2",
  81. "less-loader": "^4.0.5",
  82. "webpack": "^3.6.0"
  83. }
  84. }
  85.  
  86. sass -w
  87.  
  88. browser-sync start --server --files "*.css"
Add Comment
Please, Sign In to add comment