zoukankan      html  css  js  c++  java
  • webpack devServer配置项的坑

    本文所用webpack版本为4+,阅读本章的同学请注意区分。

      webpack默认不需要配置文件 但是你仍可在项目的node_module目录同级目录建立一个webpack.config.js文件进行配置

     本人的苦逼经历觉得这句话还是挺重要的,所以开局先一句话,

    本章主要介绍webpack 的devserver配置项,请根据自身判断是否需要继续阅读

    上代码

    module.exports = {
        entry: {
            // ...
        },
        output: {
            // ...
            publicPath: "./",//为什么把这个字段列出来呢,下面会有解释
        },
        devServer: {
            contentBase: '/index.html',//设置
    
            publicPath: "",//设置访问地址,在开启服务之后会出现一个访问地址,一般都是 http://localhost:8080/,如果你把这个值设置成/index,这里是需要加/符号的。那么你开启的服务的访问打地址就是 http://localhost:8080/index
    
            //...
            //本项中上面两项配置是有坑的,特别是对新手来说,而且他的配置,大体上通过翻阅webpack配置文旦就可里顺利的调用,所以就不再叙述
            //devserver中还有很多配置选项,想要详细了解可以访问https://www.webpackjs.com/configuration/dev-server/#devserver-host
        }
    }
  • 相关阅读:
    什么是Redis?
    请写出常用的linux指令
    Maven常用命令有哪些?
    Maven的工程类型有哪些?
    Maven仓库是什么
    什么是Maven?
    Shiro 的优点
    比较 SpringSecurity 和 Shiro
    判断x二进制编码中1的个数的奇偶性
    寻找600851475143的最大素因子的快速算法
  • 原文地址:https://www.cnblogs.com/wrhbk/p/11928722.html
Copyright © 2011-2022 走看看