在 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