Могу ли я настроить URL-адрес, который будет автоматически открываться в браузере? Я обнаружил, что для этого нет API? Поскольку в корне проекта нет индекса, а URL-адрес по умолчанию — localhost:8080. Или в условии, что я хочу отлаживать разрабатываемую страницу.
установить URL-адрес, автоматически открываемый в браузере с помощью webpack-dev-server в webpack2
Ответы (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
Надеюсь, поможет. С уважением
Вы можете попробовать этот плагин: Открыть плагин браузера Webpack
Следуйте этим шагам...
Прежде всего установите плагин:
npm install open-browser-webpack-plugin --save-dev
Удалите параметр
--open
из package.json или параметрopen: true
из конфигурации webpack.config.js, devServer или параметрopen: true
в файле webpack.config. .jsТеперь вам нужно запросить и настроить плагин в webpack.config.js.
var OpenBrowserPlugin = require('open-browser-webpack-plugin');` module.exports = { ... ... ... plugins: [ new OpenBrowserPlugin({ url: 'http://localhost:3000/mycustompath' }) ] };
мое решение без каких-либо плагинов
измените файл
package.json
, как показано ниже.
- макОС / Линукс
{
"scripts": {
"dev": "open http://localhost:8080 && webpack --config webpack.config.js",
}
}
- Окна
{
"scripts": {
"dev": "start http://localhost:8080 && webpack --config webpack.config.js",
}
}
- 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 запускает браузер автоматически
devServer: { open: true, openPage: 'oa' /* когда браузер открывает это */ }
host
. Подробнее здесь — webpack.js.org/configuration/dev-server/#devserverhost а> - person Lucas   schedule 22.01.2021