vue 项目中 css js 图像文件的保存位置

Question

我正在尝试将 HTML 模板转换为 vue 项目。我对将我的 css js 文件保存在哪里感到非常困惑。是应该在public目录下还是应该在src目录下？

Answer 1

您可以将 CSS 和 Js 文件保留在 src 目录中，而不是 public。 public 用于保存你的静态文件，如static JSON，image等，不会通过webpack。

Answer 2

在 src/assests 中粘贴您的 css、字体和图像文件夹喜欢 here

然后确保将它们包含在 main 中。js/ts 例如

    import 'bootstrap'
    import 'bootstrap/dist/css/bootstrap.min.css' //boostarp
    import './assets/css/materialdesignicons.min.css'
    import './assets/css/tiny-slider.css'
    import './assets/css/style.css'
    import './assets/css/colors/default.css'

如果它使用 boostrap install npm install bootstrap，因为你必须像我上面显示的那样包含它们。根据 Bootstrap Doc.

注意：Vue3 不支持 boostarp 4，而 vue-boostrap 使用 boostrap 5 instaed

vue 项目中 css js 图像文件的保存位置

where to keep the css js images files in vue project

vue.js

vuejs3

vue-cli-4