• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Webpack nie kompiluje poprawnie wszystkich plików

Aruba Cloud - Virtual Private Server VPS
0 głosów
131 wizyt
pytanie zadane 27 sierpnia 2021 w JavaScript przez Grzegorz Mikina Dyskutant (8,060 p.)
zamknięte 27 sierpnia 2021 przez Grzegorz Mikina

Mam taki plik webpack.config.js
 

module.exports = {
    entry: './src/js/app.js',
    mode: 'development',
    output: {
      path: `${__dirname}/public/js`,
      filename: 'bundle.js',
    },
  };

strukture katalogów:

public>css(style.min.css),(style.min.css.map)js(bundle.js)
src>css,fonts,img,js(app.js,main.js,script.js),scss
plik bundle

/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
/******/ (() => { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ "./src/js/main.js":
/*!************************!*\
  !*** ./src/js/main.js ***!
  \************************/
/***/ (() => {

eval("$(function(){\r\n  var $readMoreLink = $(\".read-more\");\r\n\r\n  $readMoreLink.on(\"click\", function(e){\r\n    e.preventDefault();\r\n    $(this).parent().next(\"div\").show();\r\n    $(this).remove();\r\n  });\r\n});\r\n\n\n//# sourceURL=webpack://xyz/./src/js/main.js?");

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	
/******/ 	// startup
/******/ 	// Load entry module and return exports
/******/ 	// This entry module can't be inlined because the eval devtool is used.
/******/ 	var __webpack_exports__ = {};
/******/ 	__webpack_modules__["./src/js/main.js"]();
/******/ 	
/******/ })()
;

app.js

require('./main.js'),
require('./script.js')

Dlaczego po wydaniu komendy npm run build, kompiluje mi się tylko ten pierwszy main.js

komentarz zamknięcia: Odpowiedź powyżej

1 odpowiedź

0 głosów
odpowiedź 27 sierpnia 2021 przez Grzegorz Mikina Dyskutant (8,060 p.)

Ok, mam odpowiedź.
W pliku main zamiast scriptu z jQuery importuje pliki, wtedy wszystko się kompiluje naraz.

  main.js

import './main.js'
import './script.js'


 

Podobne pytania

+1 głos
2 odpowiedzi 587 wizyt
+1 głos
1 odpowiedź 217 wizyt
0 głosów
1 odpowiedź 403 wizyt
pytanie zadane 10 lutego 2019 w JavaScript przez Felix Obywatel (1,100 p.)

93,324 zapytań

142,323 odpowiedzi

322,390 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...