javascript - webpack-dev-server访问的是本地文件,不能自动刷新,看下配置有问题不?

 you是was的was 发布于 2022-11-11 20:21
  • 发现服务器访问的是dist目录下的index.html,不是应该访问内存中编译后的文件吗?干嘛要访问我本地实实在在的文件。

  • localhost:8080打开后,就显示listDirectory目录

这是我的配置文件

'use strict';

var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: __dirname + "/src/index.js?1.2.1",
    output: {
        path: __dirname + "/dist",
        filename: "bundle.[hash:8].js?1.2.1",
    },

    module: {
        loaders: [
            { 
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel'
            },
            {
                test: /\.scss$/,
                loaders: ["style-loader", "css-loader", "sass-loader"]
              }
        ]
    },

    plugins: [
        new HtmlWebpackPlugin({
                template: __dirname + "/src/index.html",
                filename: __dirname + "/dist/index.html",
                inject:true,    //允许插件修改哪些内容,包括head与body
                hash:false,    //为静态资源生成hash值
                minify:{    //压缩HTML文件
                    removeComments:true,    //移除HTML中的注释
                    collapseWhitespace:false    //删除空白符与换行符
                }
        })
    ],

    devServer: {
        contentBase: __dirname + "/dist",//本地服务器所加载的页面所在的目录
        colors: true,//终端中输出结果为彩色
        inline: true,//实时刷新
        hot: true,
        quiet: true
    }
};
2 个回答
  • 没看懂什么意思,你认为会访问哪个文件?

    devServer: {
            contentBase: __dirname + "/dist",//本地服务器所加载的页面所在的目录
            colors: true,//终端中输出结果为彩色
            inline: true,//实时刷新
            hot: true,
            quiet: true
        }
        

    这个设置的第一个属性,是指定本地服务器访问的目录,其它目录访问不了

    2022-11-12 01:49 回答
  • 之前我也遇到过一样的问题,印象中是通过调整output.publicPath参数来调整过来的:output.publicPath参数需要输入以'/'开头的绝对路径

    2022-11-12 01:49 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有