查看使用webpack生成的源地图文件

问题描述

我的应用程序在后端使用django，在前端使用Vuejs（不使用vue-cli）。因此，在我的index.js

中使用了Vue的base.html

{% compress js %}
  <script type="module" src="{% static 'path/to/index.js' %}"></script>
{% endcompress %}

制作-> index.4b6f970ead9c.js-> static/CACHE/js中的压缩文件

我需要将源地图构建为.map文件，最后将其上传到哨兵。

以下是我的webpack.config.js中的内容：

devtool: 'source-map',output: {
  sourceMapFilename: '[file].map',}

这样做，我在控制台上收到警告：

DevTools Failed to load SourceMap: Could not load content for http://localhost:8000/static/CACHE/js/tmpy_nqoqkg.js.map: HTTP error: status code 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

我应该期望.map文件位于static/CACHE/js中，对吗？我的应用程序中任何地方都没有扩展名为.map的文件。

但是在加载了这个（index.4b6f970ead9c.js）压缩文件的最后，我确实看到了一个映射：//# sourceMappingURL=tmpy_nqoqkg.js.map

有什么方法可以为我的应用程序物理保存.map文件并在以后使用？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）