关于output.publicPath和Devser.PublicPath的理解,求大神指点!!!

webpack.config.js文件中的output的配置项
path:打包输出路径
filename:输出文件名,也可以是一个路径,不存在会创建
publicPath:间接资源访问路径


而devServer中的publicPath--当我们通过webpack-dev-server打包时,
访问资源会检查要访问资源的路径是否和publicPath中配置的一致,如果一致,则从打包结果中找到
该资源进行返回,否则从硬盘上获取。而webpack-dev-server打包的结果是在内存中的,没有写入硬盘

当我们通过html-webpack-plugin插件自动插入引用的scirpt和link时,是不用配置output的publicPath和
devServer的publicPath的(或者说配置为默认值根目录 "/"),配置上这俩反而无法自动插入引用

是这样吗?还是说html-webpack-plugin可以配置解决这个问题呀

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist'),
        publicPath:'/'//就是这里
    },
    devServer:{
        port:8089,
        host:'127.0.0.1',
        publicPath:'/',//还有这里,如果配置成别的会导致html-webpack-plugin,无法自动插入script
        open:true,
        hot:true,
        overlay:{erros:true}
    },
  plugins: [
        new HtmlWebpackPlugin({
            template: './index.html',//相对于根目录
            filename:'./index.html',//相对于output的路径
            inject: 'false',
            minify: {
                removeComments: true//删除注释
            }
        })
    ]
…………………………
……………………
}

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值