在 vue 项目中将 css js 图像文件保存在哪里

Question

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

Answer 1

您可以将 CSS 和 Js 文件保存在 src 目录中，而不是公开的。 public is used for keeping your static file such as static JSON, image, etc. which will not go through webpack.

Answer 2

在src/assests assets 中粘贴您的 css、fonts 和图像文件夹，如下所示

然后确保将它们包含在 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 安装npm install bootstrap ，因为你必须包括它们，如我上面所示。 根据引导文档。

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