webpack运行run dev 提示找不到图片和css路径?

clipboard.png
这是大概的项目结构,在a.html中,引入a.css会报错 400错误

clipboard.png

clipboard.png
我的webpack配置如下:

clipboard.png
请问我该怎么配置才能访问到那个css资源?

阅读 3k
2 个回答

你理解错了这个路径了 你 run dev 实际上是开启了一个用node开启了一个服务, 不然为什么你查看项目是
localhost:3000 那你在那里面请求是相对于node服务器的请求了, node服务器里面好像没有相对路径这样的概念... 好像啊, 反正你这样根据文件的相对位置去取是取不到的。 你看看和你index.html 统计的文件夹下有没有一个存放静态资源文件的文件夹 没有的话你可以自己建一个

clipboard.png
如 我这里 其实这个node的服务器好像是用 express框架搭的。 然后里面有一个设置静态资源的中间件操作嘛 我猜测这个 webpack-server因该是直接把这里的这个public文件夹设为了静态资源目录。 有错的话欢迎打脸, 因为我也是自己推断的。

如果想要页面直接引用的话放在dist文件夹里面,建议放在开发的那个文件夹里面,然后再打包到dist下面
因为你启动的服务是监听dist文件夹的,dist外部是访问不到的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题