установить URL-адрес, автоматически открываемый в браузере с помощью webpack-dev-server в webpack2

Могу ли я настроить URL-адрес, который будет автоматически открываться в браузере? Я обнаружил, что для этого нет API? Поскольку в корне проекта нет индекса, а URL-адрес по умолчанию — localhost:8080. Или в условии, что я хочу отлаживать разрабатываемую страницу.


person ruby huang    schedule 23.12.2016    source источник
comment
Если вам нужно изменить хост, установите свойство host. Подробнее здесь — webpack.js.org/configuration/dev-server/#devserverhost   -  person Lucas    schedule 22.01.2021


Ответы (4)


Вы можете настроить webpack.config.js следующим образом:

 entry: __dirname + '/src/index.js',
 output: {
    path: path.join(__dirname, 'static'),,
    filename: "bundle.js",
    publicPath: "/static/dist/"
  },
  devServer: {
    publicPath: '/static/dist/',
    open: true, 
    openPage: 'static/dist/somefile.html' 
  },...

Здесь важны devServer.open и devServer.openPage. Вы должны включить devServer.open и установить свой собственный URL-адрес в devServer.openPage, чтобы он открывался первым на вашем devServer. Моя конфигурация в package.json:

"scripts": {
"start": "webpack-dev-server --mode development --open --hot",
"build": "webpack --mode production",
"dev": "webpack --mode development"
},...

Наконец, запустите его:

npm run start

Надеюсь, поможет. С уважением

person elopezp    schedule 10.09.2019

Вы можете попробовать этот плагин: Открыть плагин браузера Webpack

Следуйте этим шагам...

  1. Прежде всего установите плагин:

    npm install open-browser-webpack-plugin --save-dev

  2. Удалите параметр --open из package.json или параметр open: true из конфигурации webpack.config.js, devServer или параметр open: true в файле webpack.config. .js

  3. Теперь вам нужно запросить и настроить плагин в webpack.config.js.

    var OpenBrowserPlugin = require('open-browser-webpack-plugin');`
    
    module.exports = {
      ...
      ...
      ...
      plugins: [
        new OpenBrowserPlugin({ url: 'http://localhost:3000/mycustompath' })
      ]
    };
    
person Luca Ritossa    schedule 12.04.2017

мое решение без каких-либо плагинов

измените файл package.json, как показано ниже.

  1. макОС / Линукс
{
  "scripts": {
    "dev": "open http://localhost:8080 && webpack --config webpack.config.js",
  }
}
  1. Окна
{
  "scripts": {
    "dev": "start http://localhost:8080 && webpack --config webpack.config.js",
  }
}
  1. webpack-dev-сервер
{
  "scripts": {
    "dev": "webpack-dev-server --open --config webpack.config.js",
  }
}

судьи

https://webpack.js.org/configuration/dev-server/

https://webpack.js.org/guides/development/#using-webpack-dev-server

https://www.cnblogs.com/xgqfrms/p/12858667.html

Webpack запускает браузер автоматически

person xgqfrms    schedule 03.06.2020

devServer: { open: true, openPage: 'oa' /* когда браузер открывает это */ }

person suninthefield    schedule 14.09.2020