Webpack-dev-сервер как «бегун» для тестов и эскинтов?

Question

У меня есть WebPack-DEV-сервер, и я запустить его из НОГО (package.jso) п:

"scripts": { 
    "build": "NODE_ENV=production webpack -p --config webpack.production.config.js --progress --profile --colors", 
    "dev": "webpack-dev-server --progress --profile --colors --hot" 
}, 

Это из какого-то стартового комплекта и он хорошо работает. Я могу запустить node run dev, а webpack отслеживает любые изменения в моих файлах и перезагружает модули.

Это хорошо.

Но! Недавно я работал с gulp, и мой рабочий процесс был: 0. Начать gulp watch. 1. Сделайте потрясающие изменения в любом .js-файле. 2. Gulp запускает связывание (прорисовку), eslint и тесты (карма и жасмин на phantomjs) при каждом изменении.

Возможно ли достичь этого потока с помощью webpack-dev-сервера? Или я должен использовать webpack с флагом «смотреть» как одну из задач в глотке (вместо того, чтобы прокручивать браузер) и оставаться с моим потоком?

Я думаю, что мне действительно не нужна эта горячая перезагрузка модуля. Я никогда с этим не работал, и я был в порядке (ну, это не очень солидный аргумент, но все же ... :)). Это действительно суперфункция, и я должен запускать webpack-dev-server и, возможно, задачи gulp в отдельном окне терминала?

Любые идеи?

Answer 1

Используйте Webpack 2 со своей древовидной функцией с ESLint. Вам нужны те, для которых также качество кода и ускорение при разработке.

Первое, что вы можете выбрать, это использовать отдельную задачу npm (в вашем пакете.json), используя ESLint, как показано ниже. Он будет слушать изменяющиеся события в коде (объявившего в регулярном выражении «тест»), а затем пыление его:

"lint": "eslint <your-path-through-codes>" 

В то время как она работает в фоновом режиме, вы можете постоянно развивать свой код, и реорганизовать код еще раз и еще раз.

Вы можете поставить конфигурацию вроде следующего:

new webpack.LoaderOptionsPlugin({ 
    test: /\.js$/, 
    loader: 'eslint-loader', 
    exclude: /node_modules/, 
    configFile: './.eslintrc' 
})