已安装file-loader,用webpack对图片进行打包，始终未能生成文件夹和文件名。

Question

问题描述：webpack对图片进行打包，始终未能生成文件夹和文件名。（如下图）

其他说明：
1.windows64位的系统，安装的node是6.12.3，
2.其他的filel-loader、url-loader均同老师在github里版本一致
3.webpack.config.js里也指定了文件夹和名称
4.webpack打包时也没报错。

不知道问题出在哪里了。

Answer 1

Rosen 2018-10-10 18:05:53

代码打包发我看下吧

• 提问者 hello2333 #1

  谢谢老师的回复和关注。
  问题已经解决了。
  其实啥也没做实质性的修改，主要是做了以下三件事
  1.多次删除dist文件夹，多次新打开gitbash窗口执行webpack命令
  2.貌似第1条作用不大，然后尝试关机重启，貌似作用也不大
  3.把webpack.config.js文件里的{ test: /\.(gif|png|jpg)\??.*$/,loader:'url-loader?limit=100&name=resource/[name].[ext]'}这行语句，先是删除了url-loader？之后的limit语句，尝试webpack打包，可在css文件中打出64位的图片引用。然后加上limit语句，逐个字母跟老师写的比对。再次执行时就好了。
  ==============
  很神奇，如果说是第3步起的作用，我仔细对比了下之前截图和修改后的内容，并没有区别。猜想可能是该行哪里多出空格来了。
  ==============
  遇到这个问题的时候，我搜索其他同学有无遇到同样的问题，还真有一个，老师也是让他把代码给老师看，学生本人没有并回复。希望我的瞎操作能对该同学以及以后遇到该问题的同学，有些许帮助。
  ==============
  另外，老师我是新学习这门课程的，不知道您的邮箱之类的联系方式，不知道该通过什么途径把代码发给你。
  谢谢Rosen老师！

• 提问者 hello2333 #2

  能否私信给我一个您的联系方式

• Rosen 回复 提问者 hello2333 #3

  qq 群找我就行，课程右侧有加群的信息

Answer 2

qq_吃货型稀饭男_03118522 2018-10-26 13:22:00

我和你遇到了差不多的问题,执行了webpack后,resource文件都显示,图片也是