鍍金池/ 問答/HTML/ webpack小型服務(wù)器 端口更改 devserver port失敗????

webpack小型服務(wù)器 端口更改 devserver port失??????

我拿tomcat做的后端服務(wù)器,端口是8080 不想去修改這個(gè),想去修改一下webpack Server的端口,
網(wǎng)上查了很多,都是說

devServer{
  host:....,
  port:....
}

但是我試了試就是不成功?webpack是新手....大佬請賜教

代碼如下:

var webpack=require('webpack');
const path=require('path');
//const htmlWebpackPlugin=require('html-webpack-plugin');
//const urlLoader=require("url-loader"); //把小的圖片內(nèi)置到文件中來,轉(zhuǎn)換成base64位的值
// path 用于操作路徑
module.exports = {
    entry: "./src/main.js",
    //入口文件,并且公用的文件要分開打包,common.js 就是將相同的文件都統(tǒng)一打包
    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',
    
};
回答
編輯回答
還吻

按理說你的代碼,正常運(yùn)行是會(huì)監(jiān)聽8090端口。

但是你說沒有監(jiān)聽這個(gè)8090端口,那么很大的可能性是你應(yīng)用的其他地方有編程式的dev-server。

編程式的優(yōu)先級大于配置式
2017年8月8日 07:56