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

【问题标题】：where to keep the css js images files in vue project在 vue 项目中保存 css js 图像文件的位置
【发布时间】：2021-08-06 10:47:06
【问题描述】：

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

【问题讨论】：

标签： vue.js vuejs3 vue-cli-4

【解决方案1】：

在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 安装 npm install bootstrap，因为你必须像我上面显示的那样包含它们。根据Bootstrap Doc。

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

【讨论】：

【解决方案2】：

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

【讨论】：