webpack小型服务器 端口更改 devserver port失败????

发布于 2022-09-07 22:26:25 字数 2054 浏览 13 评论 0

我拿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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜无邪 2022-09-14 22:26:25

按理说你的代码,正常运行是会监听8090端口。

但是你说没有监听这个8090端口,那么很大的可能性是你应用的其他地方有编程式的dev-server。

编程式的优先级大于配置式

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文