webpack学习教程中publicPath路径问题详解

 2024-02-10 05:00:46  阅读 0

本文主要向大家介绍关于中路问题的相关内容,并分享给大家参考和学习。 我们来看一下详细的介绍:

output: {
  filename: "[name].js",
  path:path.resolve(__dirname,"build")
 }

如果不指定则导入路径如下

<body>
 <script src="b.js"></script>

如果指定

output: {
  filename: "[name].js",
  path:path.resolve(__dirname,"build"),
  publicPath:"/assets/"
 }

那么接下来介绍一下

<body>
 <script src="assets/b.js"></script>

-开发环境、路径、差异和联系

path:只是指定编译目录(/build/js/),不能用于html中的js引用

:虚拟目录,自动指向路径编译目录(// => /build/js/)。 在html中引用js文件时,这个虚拟路径必须加引号(但它实际上指的是内存中的文件,既不是/build/js/也不是//)。

============================================================================

发布到生产环境:

1.编译(当然是到/build/js/)

2、将编译目录(/build/js/)下的所有文件复制到//目录下(注意:不要修改index.html中引用的.js的路径)

之前由于路径错误,-dev-无法自动刷新。

总结

以上就是本文的全部内容。 希望本文的内容能够给大家的学习或者工作带来一些帮助。 如果有疑问可以留言沟通。 感谢您对易速云的支持。

标签: 路径 引用 目录

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码