Блог

Главная - Вопросы по программированию - Запуск веб-страницы html с использованием npm package.json

Запуск веб-страницы html с использованием npm package.json

#javascript #node.js #npm

#javascript #node.js #npm

Вопрос:

Я очень новичок в файлах, связанных с package.json. Я разработал одну веб-страницу HTML. Я использую 3 файла HTML, CSS и js. Теперь я запускаю HTML-файл, напрямую открывая его в браузере. Мне предлагается сделать это с помощью файла package.json и npm и создать ссылку, чтобы другие также могли получить доступ к этой веб-странице. Кто-нибудь, пожалуйста, может мне помочь с этим. Это очень простой вопрос, но его трудно решить. Кто-нибудь может мне помочь с этим? С использованием Ubuntu 18.04, HTML5, CSS3, bootstrap 3.4.0

Ответ №1:

Долгое время я использовал Browsersync

Установить

npm install -g browser-sync

Запустите его

browser-sync start --server --files "css/*.css"

Вы можете найти больше документов по ссылке выше.

Так что, если у вас нет, package.json вы можете сделать npm init в корне проекта.

Затем в вашем package.json в разделе скрипты:

 {
  ...,
  dev: browser-sync start --server --files "css/*.css",
  share: browser-sync start --proxy "myproject.dev" --files "css/*.css"
}

Таким образом, dev вы можете использовать его для локальной разработки и share делиться с другими отзывами…

 npm run dev
npm run share

Комментарии:

1. После запуска этого он открывает браузер и выдает ошибку «Не удается ПОЛУЧИТЬ /»

2. Есть ли у вас index.hmtl в папке, которую вы запускаете npm run dev

3. Я использую эту команду browser-sync start --server "main.html" --files "main.html" . Поскольку мое имя файла main.html . И согласно browsersync.io если у меня есть html-файл, то я должен использовать сервер. Но все еще не работает.