webpack小型服务器 端口更改 devserver port失败????
我拿tomcat做的后端服务器,端口是8080 不想去修改这个,想去修改一下webpack Server的端口,
网上查了很多,都是说
devServer{
host:....,
port:....
}
但是我试了试就是不成功?webpack是新手....大佬请赐教
代码如下:
var webpack=require('webpack');
const path=require('path');
//const htmlWebpackPlugin=require('html-webpack-plugin');
//const urlLoader=require("url-loader"); //把小的图片内置到文件中来,转换成base64位的值
// path 用于操作路径
module.exports = {
entry: "./src/main.js",
//入口文件,并且公用的文件要分开打包,common.js 就是将相同的文件都统一打包
devServer: {
host:'127.0.0.1',
open:true,
port:8090
},
output: {
path: path.resolve(__dirname,"dist"),
filename: "[name].bundle.js",
},
//所有生成的依赖文件
devServer:{
//配置 webpack-dev-server
},
module: {
rules: [
//webpack 2.0 3.0 loaders
//webpack 4.0 rules
{
test: /\.css$/,
use:[
'style-loader',
'css-loader',
'less-loader',
'postcss-loader'
]
},{
test: require.resolve('jquery'),
use: [{
loader: 'expose-loader',
options: 'jQuery'
},{
loader: 'expose-loader',
options: '$'
}]
}, {
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
use:[
{
loader:'url-loader',
options:{
limit:1000,
name:'/static/images/assets/[hash:8].[name].[ext]'
}
}
]
}
// {test: /\.css$/, loader: "style-loader!css-loader",modules:true},
// {test:/\.png$/,loader:'url-loader?limit=10000'}
]
},
mode: 'development',
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
按理说你的代码,正常运行是会监听8090端口。
但是你说没有监听这个8090端口,那么很大的可能性是你应用的其他地方有编程式的dev-server。