我可以自定义在浏览器中自动打开的网址吗?我发现那里没有api?由于项目根目录下没有索引,但默认URL为localhost:8080。或者我想调试正在开发的页面。
答案 0 :(得分:1)
您可以尝试使用此插件: Open Browser Webpack Plugin
按照以下步骤操作......
首先安装插件:
npm install open-browser-webpack-plugin --save-dev
从 package.json 中移除--open
选项,或从 webpack.config.js 移除open: true
选项, devServer 配置
或者webpack.config.js中的open: true
现在您需要将插件要求并配置到webpack.config.js
中var OpenBrowserPlugin = require('open-browser-webpack-plugin');`
module.exports = {
...
...
...
plugins: [
new OpenBrowserPlugin({ url: 'http://localhost:3000/mycustompath' })
]
};
答案 1 :(得分:0)
您可以像这样配置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并在devServer.openPage中设置自定义URL,才能首先在devServer中打开它。我在package.json中的配置:
"scripts": {
"start": "webpack-dev-server --mode development --open --hot",
"build": "webpack --mode production",
"dev": "webpack --mode development"
},...
最后通过:
npm run start
希望有帮助。问候
答案 2 :(得分:0)
修改您的
package.json
文件,如下面的代码所示
{
"scripts": {
"dev": "open http://localhost:8080 && webpack --config webpack.config.js",
}
}
{
"scripts": {
"dev": "start http://localhost:8080 && webpack --config webpack.config.js",
}
}
{
"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
答案 3 :(得分:0)
devServer:{ 开放:正确, openPage:'oa'/ *当浏览器打开时* / }