Блог

Я пытаюсь запустить свое приложение React через WebPack, но инструмент, похоже, игнорирует мои настройки порта. Вместо этого он использует 8080 порт по умолчанию или случайный порт (это меняется каждый раз, когда я запускаю проект). Вот выдержка из моего webpack.development.config.js файла:

 const path = require('path')
const appJsPath = path.join(__dirname, './src')
const bundelJsPath = path.join(__dirname, './build')

module.exports = {
    devtool: 'inline-cheap-module-source-map',
    context: appJsPath,
    mode: 'development',
    entry: {
      myApp: [
        'babel-polyfill',
        './main.js'
      ]
    },
    devServer: {
      contentBase: path.join(bundelJsPath, '[name].bundle.js'),
      port: 4040
    },
    // output: {
    //   path: bundelJsPath,
    //   filename: '[name].bundle.js',
    //   publicPath: 'http://localhost:4000/'
    // },
 

Я проверил порты 4000 и 4040 , и они не используются ни одним процессом (я нахожусь в системе Windows 10). Я пробовал оба параметра, devServer и output , но ни один из них не работает. Перезапуск системы также не помог. Что я делаю не так?

Я запускаю приложение, запустив yarn dev :

 "scripts": {
    "dev": "yarn run clean amp;amp; webpack-serve --config ./webpack.development.config.js amp;amp; yarn run css",
    "clean": "rimraf ./build",
    "css": "uglifycss ./css/style.css > ./css/style.min.css"
}