How to access css File in browser in vue

vue-cli project, how to access the css file in the browser, I now access the address of the css file, the address bar will automatically add-sharp/, what I want to do is to access the css file to display the contents of the css file. How should it be configured in the project?

my directory structure

src

-components
    -HelloWorld.vue --> @import "./HelloWorld.css";
    -HelloWorld.css

browser visit http://127.0.0.1:8080/src/components/HelloWorld.css

the browser automatically adds-sharp/ becomes-> http://127.0.0.1:8080/src/components/HelloWorld.css-sharp/


your css is embedded in js, so you can't access style files in this way if you can't access


you use webpack.
webpack is packaged, okay?


during the packaging process, the externally introduced css is converted into js code, and the packaged project does not refer to the .css file.

Menu