Как запустить webpack через npm скрипты?

@loyal 

Чтобы запустить webpack через npm скрипты, вам нужно сделать следующее:

1. Установите webpack в свой проект, выполнив команду:

1

npm install webpack --save-dev

1. Создайте файл конфигурации webpack-а webpack.config.js в корневой папке вашего проекта. Пример конфигурации может выглядеть следующим образом:

1
2
3
4
5
6
7
8
9

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
};

1. В вашем package.json добавьте новый скрипт, который будет запускать webpack. Например:

1
2
3

"scripts": {
  "build": "webpack"
}

1. Теперь вы можете запустить webpack, выполнив команду:

1

npm run build

При этом webpack будет использовать конфигурацию из webpack.config.js и создаст собранный бандл в папке dist вашего проекта.