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

如何解决vue 项目中 css js 图像文件的保存位置

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

解决方法

您可以将 CSS 和 Js 文件保存在 src 目录中，而不是公开目录中。 public 用于保存不会通过 webpack 的静态文件，例如静态 JSON、图像等。

,

在 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 不支持boostrap 4，vue-boostrap 使用boostrap 5 instaed