在vue.js应用程序中，为什么公用文件夹要比src文件夹大？

我刚刚搭建了一个新的Vue.js项目，几乎每个示例都将

public

或

assets

文件夹放置在

src

文件夹之外，该文件夹包含应用程序代码的其余部分

在我看来，如果

src

包含应用程序的所有原始源代码，那么包含css和图像的

public

文件夹肯定也是该源代码的一部分，应该保存在该文件夹中

---

是否有任何原因使我必须将静态文件保存在

src

文件夹之外？我正在使用Webpack构建一个

dist

文件夹，目前正在使用

copy Webpack plugin

将文件从

public

复制到

dist

我也同样感到困惑

所以我明白了如何做到这一点（使用src作为我的公用文件夹）。 请在下面查找contentBase

• src/index.html
• src/assets/images/*
• src/资源/图标/*

这应该是我在Vue中的公共文件夹，直到部署时，我可以使用将webpack插件复制到我的dist文件夹

module.exports = {
    entry : './src/main.js',
    devServer: {
        port: 4200,
        host: 'localhost',
        historyApiFallback: true,
        inline: true,
        overlay: {
            errors: true,
            warnings: true
        },
        contentBase: "./src" //This is the line you need to add!!! to make it PUBLIC
    },
    mode: 'development',
    plugins: [
        new HtmlWebpackPlugin({
            inject:   true,
            template: './src/index.html'
        }),
    ...

---

@Estradiaz我没有使用vue cli创建我的项目。我是从创造者那里做的：。。。但如果你自己做的话，我想知道你为什么要和vue相比CLI@Estradiaz我不是在与vue cli进行比较，我只是在与设置vue项目的示例进行比较。静态文件似乎保存在

src

文件夹之外的单独文件夹中。为什么不把它保存在

src

文件夹中呢？