Блог

Я пытаюсь заставить пакет пакетов посылок объединить мой небольшой статический веб-сайт, который я создаю, Чтобы я мог использовать пакеты npm и т. Д. В моем JS.

У меня было несколько проблем с этим, но камнем преткновения, похоже, является использование bootstrap, который загружается только на одной странице.

Возможно, я здесь невероятно плотный, но, безусловно, должен быть способ использовать пакеты NPM в вашем JS и использовать их для использования в реальном времени.

Вопрос: Почему bootstrap загружается только на contact.html страница?

Подвопрос: есть ли лучшая альтернатива упаковке JS для использования на статических сайтах? (чтобы я мог использовать пакеты NPM)?

Моя файловая структура

Мой файл package.json:

 {
  "name": "parcel-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "parcel index.html about.html contact.html",
    "build": "parcel build index.html about.html contact.html"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "node-sass": "^4.14.1",
    "parcel-bundler": "^1.12.4"
  },
  "dependencies": {
    "bootstrap": "^4.5.2",
    "jquery": "^3.5.1",
    "popper.js": "^1.16.1"
  }
}

  

main.js

 import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';