Как организовать npm-скрипты и несколько конфигов веб-пакетов? - PullRequest
Новая
       35

Как организовать npm-скрипты и несколько конфигов веб-пакетов?

1 голос
/ 26 сентября 2019

У меня есть несколько инструментальных панелей в проекте, и я решил создать отдельные сценарии в package.json для каждого (в процессе разработки не очень полезно создавать все информационные панели, когда вы работаете только с одной. Это занимает больше времени).Сначала я обнаружил, что с помощью скрипта можно запустить конкретный конфиг веб-пакета. Так он будет выглядеть так: 

"scripts": {
    "dash1": "export NODE_ENV=development && webpack --config=webpack.dash1.config.js  -d --watch --display-error-details export name=employee ",
    "dash2": "export NODE_ENV=production && webpack --config=webpack.dash2.config.js --progress",
    "dash3": "export NODE_ENV=development && webpack --config=webpack.dash3.config.js -d --watch --display-error-details",
}

В этом случае мне понадобятся 3 отдельных конфигурационных файла веб-пакета, в которых я буду указывать правильныевходные файлы.Но можно ли как-то передать параметр в скрипте npm и проверить его в конфиге webpack?Может быть, можно выполнить условную проверку записей в соответствии с параметром trnasmitted из параметра npm-script?

1 Ответ

1 голос
/ 26 сентября 2019

Конфигурационные файлы Webpack - просто javascript - так что все идет.В вашем случае вы можете

  1. использовать переменные окружения

https://webpack.js.org/guides/environment-variables/

NODE_ENV=development DASHBOARD=dash1 webpack --config=webpack.config.js

(ps вам не нужноexport blah &&)

используйте базовую конфигурацию и конфигурацию для каждой панели мониторинга, которая расширяет эту конфигурацию 
config
├── base.config.js
├── dash1.config.js // extends base.config.js
└── dash2.config.js

, и используйте инструмент, подобный https://github.com/survivejs/webpack-merge, чтобы помочь с объединением базовой конфигурации.

...