vue 中如何在浏览器访问css 文件

Question

vue-cli 项目,如何在浏览器中访问 css 文件,我现在访问 css 文件的地址,地址栏就会自动在后面添加 #/ ,我想做的是访问 css 文件就显示 css 文件的内容. 项目中该如何配置?

我的目录结构

src

-components
    -HelloWorld.vue --> 这里@import './HelloWorld.css';
    -HelloWorld.css

浏览器访问 http://127.0.0.1:8080/src/components/HelloWorld.css

浏览器会自动添加 #/ 变成-> http://127.0.0.1:8080/src/components/HelloWorld.css#/

Answer 1

你的css已经嵌入到js里面了，那样访问不了的

Answer 2

你用了webpack就无法这样去访问样式文件。
webpack是打包的，明白吗？

Answer 3

打包过程中会把外部引入的css转换成js代码，打包完成的项目并没有引用.css文件。