webpack多页面改名的注意事项

今天在进行项目打包时，由于甲方新规定了文件的名字，需要我们对原先的文件名进行重命名。这个需求是不是很简单，确实很简单！但是一不注意，就会给自己造成找错半天。

原来的名字：

 

进行改名：

 

webpack同步更改如下：

 

 满心欢喜的以为自己改完了，然后npm run serve发现程序也执行成功了，激动的打开我的页面进行查看，发现只有个页面。我的页面样式以及交互功能全都失效了！！！然后就是漫长的找问题所在，半个小时过去还是不知道错在哪里。然后放哥让我npm run buid 看一下dist文件，这是关键的一步，就是通过dist我发现了我的问题所在。我发现别的文件都有相应的js，css文件，而我刚改名的文件却只有html文件。然后想起来js在webpack也有相应的路径配置，赶紧查看我的js.

因为我没有更改js文件的名字，这一块我就没有想到去更改。正是因为没有更改js对应的名称，导致找不到js文件。

然后做了如下修改，页面就恢复正常啦！