Как начать работать с webpack-serve?

Question

Я пытаюсь использовать webpack-serve (не dev-сервер), и меня немного смущает, как на самом деле запустить его.

Я установил его, у меня есть npm, webpack 4 и использую VS Code с командной строкой.

Мне кажется, я должен просто поставить "webpack-serve", и он должен работать, но я просто получаю

'webpack-serve' is not recognized as an internal or external command,
operable program or batch file.

Мне нужно установить какой-то путь или что-то в этом духе? ​​

Редактировать

Я получил "Build", установив его глобально.

Сейчас я пытаюсь заставить webpack-serve функционировать точно так же, как когда я использовал webpack-serve, но сейчас это не так (он не открывает браузер, не уверен, как переключаться между режимом разработки и производственным режимом). и не уверен, как заставить работать роутинг)

Я сделал пример здесь: https://github.com/chobo2/webpack-serve-example

Answer 1

Это НЕ рекомендуется для установки webpack или любых webpack связанных инструментов по всему миру, поэтому я бы рекомендовал сначала удалить их все глобально (NPM и пряжа) ..

Я запустил новый проект и создал 3 webpack конфигурационных файлов:

• webpack.common.js
• webpack.dev.js
• webpack.prod.js

В нашем package.json:

"scripts": {
  "serve": "webpack-serve --config webpack.dev.js",
  "build": "webpack --config webpack.prod.js"
}

Что я узнал о webpack-serve, так это о том, что мы должны определить serve объект в нашей конфигурации webpack:

const path = require('path');

module.exports = {
  // other configs ....
  serve: {
    // a minimal example 
    content: path.resolve(__dirname, "dist")
  }
}

Мы запустим наш проект, вызывая только package.json скрипты,

например. yarn run serve или yarn run build

Полный пример на Github