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

Question

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

Answer 1

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

Answer 2

在里面src/assests粘贴你的css、字体和图像文件夹，比如这里

然后确保将它们包含在 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