VUE-cli 在index里引入CSS文件的问题

VUE-CLI 想在index.html里引入一个CSS文件，一顿百度之后，得出三个方法

第一种：直接在index.html里引入（失败，即使按他们说的，放在static文件夹里也是失败的！）

第二种：在main.js 里import （是成功的，但是生成style标签，整个代码直接COPY过来了，不想要这种效果）

第三种：在VUE文件里import（是成功的，但是生成style标签，整个代码直接COPY过来了，不想要这种效果）

第四种：是我自己想的，用绝对路径肯定是可以的（但不想采用这种方法）

我想要的效果就是“第一种”，感觉是webpack并没有把我的这个CSS打包，该怎么实现呢？

还是说我这种思路本身就是错的，现在都是直接注入，不采用第三方文件引入了？？？

index.html中路径写成 ./static/common.css

第一种里的css文件的相对地址要写成相对于最终合成页面的地址，不能是相对于模板页面的地址。

或者写成相对于网站根目录的地址也可以。

上面两位，这地址我都试过了，也不行，为什么呢？？

我那个地址应该写我开发的地址，因为要告诉webpack帮把common.css一并打包才可以

我今天直接build打包，看生成的文件里，无论那个地址怎么改，webpack都没把我的common.css打过包里，所以怎么弄都找不到，

难道只剩绝对地址了吗?绝对地址webpack也不会把它打进包里的，而是需要我单独上传到服务器，这很郁闷，有啥办法没？？？？？？？

看下vue.config.js的publicPath配置，把common.css放进去，再按index.html的路径，引用这个css文件

万般无耐，放进了PUBLIC文件夹里（顺便解释下，public文件夹会把此文件夹里的文件原封不动的搬到生产环境），虽然是勉强实现了，但总感觉是不是应该放在assets里更合适