html里自动添加startic路径,使用webpack的htmlWebpackPlugin插入的script标签文件路径中的../如何去除?...

多了这一层'../'是因为你htmlWebpackPlugin 插件里面的filename属性配成了'./src/index.html'这个值。配成这个值时候,htmlWebpackPlugin处理完html最终生成的路径为'dist/src/index.html',即dist文件夹底下的src文件夹中。正常情况下,你js打包output的路径为'dist',所以index.html要引用js得往上一层找js,即 '../[name].js'。所以单单要去掉'../'的话只要把filename属性的'./src'去掉就可以了。

不知道你注意没有,你现在的这个路径为'.././src/index.e6e1a374.js',这个'.././src'看上去就是多余的,为什么非得返回上一层再进来。正常情况下,output中 path: path.resolve(__dirname, 'dist')时,打包好的文件应该是直接在dist文件夹底下的。但是你在配置入口文件的key时配成了文件路径的形式(./src/index),按理来说打包出来的js文件名称将是'[key].e6e1a374.js', 而由于'./src'的存在,被直接解析层一个文件夹,所以打包结果存在了dist文件夹底下的src文件夹里面。htmlWebpackPlugin插件处理html时会根据html文件的位置和output配置的路径和文件名来引用js, 即path/[key].e6e1a374.js。 所以最终体现为'.././src/index.e6e1a374.js'。个人建议在入口文件配置key时不要含有路径名称,如果需要添加文件夹,在output中配置即可,以免产生不可预期的事情发生。 答得可能有点乱,将就能看,望采纳

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值