Скрипт npm: браузер открывается с помощью node, но не с помощью babel

Первые дни разработки моего первого скрипта npm и некоторые трудности. Я использую Ubuntu LTS с последними выпусками nvm, node, npm и pnpm.

Node + npm были установлены с помощью nvm, pnpm установлен с помощью npm, а несколько модулей установлены локально (т. е. без флага -g) с помощью pnpm. Судо не понадобилось. Получившийся package.json:

{
  "name": "javascript-development-environment",
  "version": "1.0.0",
  "description": "JavaScript development environment cobbled together using various online sources",
  "scripts": {
    "prestart": "./node_modules/.bin/babel buildScripts/startMessage.js",
    "start": "./node_modules/.bin/babel buildScripts/srcServer.js"
  },
  "author": "Laird o' the Windy Waas",
  "license": "MIT",
  "dependencies": {
    "@babel/polyfill": "^7.0.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.1.5",
    "@babel/core": "^7.1.6",
    "@babel/preset-env": "^7.1.6",
    "chalk": "^2.4.1",
    "express": "^4.16.4",
    "open": "^0.0.5",
    "path": "^0.12.7"
  }
}

Если установлен только Firefox 60.0.1, при запуске pnpm с использованием node открывается окно браузера "Hello World!" отображается, и управление терминалом должно быть восстановлено с помощью CTRL-C. -> Все ок.

Если я заменю в babel используя путь, как показано выше (что является результатом тех же проблем, описанных в этот пост), код buildScripts отображается на терминале, но окно браузера не открывается, и управление терминалом сразу же после завершения освобождается. Отладчик npm не дает полезной обратной связи. -> Что-то не работает..

Как "Привет, мир!" код правильно проходится с использованием node (и остается неизменным для обхода Babel), это не источник проблемы.

Вот мои файлы конфигурации Babel:

.babelrc

{
  "presets": [
    "@babel/preset-env"
  ]
}

babel.config.js

const presets = [
      [
        "@babel/env",
        {
          targets: {
            edge: "17",
            firefox: "61",
            chrome: "67",
            safari: "11.1",
            opera: "56"
          },
          useBuiltIns: "usage"
        },
      ],
    ];

    module.exports = { presets };

Проблема заключается в том, что Babel не передает переданный код в nodejs/express. Должно быть что-то простое, но я просто хожу по кругу..

Одна вещь, которую я задал себе, заключается в том, может ли быть конфликт между различными предустановками env в .babelrc, babel.config.js и package.json. Однако последовательная парковка файлов .babelrc и babel.config.js не принесла никаких изменений/улучшений.

Я также заметил, что в настоящее время установлены оба узла (nvms) и (ubuntus) nodejs:

$ which node
/home/<myusername>/.nvm/versions/node/v10.13.0/bin/node

$ which nodejs
/usr/bin/nodejs

Однако, поскольку все, что связано с узлом и npm, было установлено с помощью nvm, этот не должно быть проблемой.

Я мог бы, я полагаю, попробовать установить babel глобально, но с этим широко осуждаемым апон. Я бы предпочел решение, отражающее «лучшую практику».

Спасибо за любые предложения.


node.js babeljs npm-scripts pnpm
person user1019696    schedule 26.11.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Раньше в учебных материалах предполагалось, что babel-node будет начинать npm / node (и, следовательно, express) от имени пользователя.

babel-node больше не распознается. Попытки использовать команду babel-node не увенчались успехом, и простое использование узла вместо него приводило к тому, что вывод транспилера выгружался на терминал.

babel, (в нашем случае) pnpm и node теперь должны вызываться явно, причем последнее ссылается на транспилированный код. node, по-видимому, обрабатывает взаимодействие с express.

Таким образом, после некоторого эксперимента следующие изменения (в package.json) работают нормально:

  "scripts": {
    "prestart": "./node_modules/.bin/babel buildScripts/startMessage.js -d dist",
    "build": "./node_modules/.bin/babel buildScripts/srcServer.js -d dist",
    "start": "pnpm run build && node dist/startMessage.js && node dist/srcServer.js"
  },

Это приводит к аккуратному выводу консоли и к "Hello World!" отображается в только что открытом окне браузера.

Просто надеюсь, что это пригодится кому-то еще .. ;-)

person user1019696    schedule 27.11.2018