css样式打包后跑到 login.html，为什么

Question

4-6节 视频中，css样式为什么会跑到 login.html上，而index.html只有 head-common.html的通用样式？

另外，我用的是win上的 vscode，找不到sublime中的 html(asp)，有什么影响吗，效果如图中；
后来我找vscode的插件，下载了 asp支持，只是将 head-common.html的右下角改成了 asp，格式显示上还是html，有什么影响吗，是否就是视频中要的效果？

Answer 1

Rosen 2019-03-15 08:33:18

只是显示的问题，改一下格式写起来能舒服一点，不强制要求改。页面里的css文件都是自动插入的，取决于你的js文件里有没有require非空的css

• 提问者 BamLin #1

  都是通过 common的js去require common的css，但是只有index.html不生效 css，
  <%= require('html-loader!./layout/head-common.html')  %>
  这句话去掉就可以正常显示，这个搞不懂原因

• Rosen 回复 提问者 BamLin #2

  浏览器里访问的路径是不是用了src？应该用dist。还有问题qq找我，把代码打包发我

Answer 2

提问者 BamLin 2019-03-14 17:08:11

实验过几次之后发现问题是：

index.html中 head标签中的

<%= require('html-loader!./layout/head-common.html')  %>

这一句会影响 引入 css样式异常，但head-common.html中的内容正常引入，后续的标题也是正常的

<title>happymmall电商平台</title>  。。。

问题出在哪里？

是 因为 html 的asp语法吗？那个在vscode中怎么设置？查了之后尝试之后均失败。