webpack - problem

0

Cześć Wam!

Z nieznanego mi powodu webpack nie działa u mnie tak jak na tutorialu.
Tym konkretnie: www.youtube.com/watch?v=lziuNMk_8eQ
Oto co zrobiłem:

  1. Stworzyłem folder.
  2. Zrobiłem w nim plik html z
    <script src="bundle.js" ></script>
  3. Dodałem do folderu script.js z alert()
  4. npm init (z "main": "script.js")
  5. webpack script.js bundle.js
    Wywaliło błąd: (obrazek załączony);

Co zrobiłem nie tak?

0

Udało mi się w jakiś sposób rozwiązać mój problem.
dodałem plik webpack.config.js:

const path = require("path");

module.exports = {
  mode: "none"
};

I zrezygnowałem z nazwy bundle.js pisząc:

webpack script.js ./dist/main.js

Kod został poprawnie skompilowany.
Pojawił się jednak kolejny problem.
W script.js miałem:

alert("cokolwiek");

gdy póżniej zmieniłem to na:

alert("cokolwiek innego");

zapisałem
i wpisałem ponownie powyższą komendę webpacka,
to skompilowany kod wyrzucał już dwa alerty ("cokolwiek" i "cokolwiek innego") pomimo że w pliku mam tylko jeden.
Jak to naprawić?

I jak umożliwić sobie kompilowanie do dowolnego pliku a nie tylko "./dist/main.js" ?

0

Ok
Nie wiem czy kogoś to interesuje ale jeśli ktoś jest ciekaw to rozwiązałem problem.
Napisałem komendy webpacka w sposób bardziej precyzyjny:

webpack index="./src/index.js" --mode="production" --output-path="./dist"
 --output-filename="bundle.js"

Później nauczyłem się pisać lepiej plik webpack.config.js żeby nie musieć pisać tylu komend:

const path = require("path");

module.exports = {
  entry: "./src/index.js",
  mode: "production",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js"
  }
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0