javascript - 如何复制 wwwroot 中的图片，或者如何引用它们？

Question

我有一个非常原始的 UI 应用程序，带有 jquery 和图像文件夹的 .netcore。我有这个配置是因为我们有一台只支持 javascript/jquery 的机器。在我从 VS 2017 运行项目后，图像 url 不起作用(因为正在查找 wwwroot 文件夹)。 例如，如何在 wwwroot 中复制图像，或以某种方式将它们导出为 bundle ？

Answer 1

如果您的文件位于另一个不属于 wwwroot 的文件夹中，您可以将其添加为静态文件。

public void Configure(IApplicationBuilder app)
{
    app.UseStaticFiles(); // For the wwwroot folder

    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(Directory.GetCurrentDirectory(), "PathToYourFolder")),
        RequestPath = "/PathToYourFolder"
    });
}

访问图像:

<img src="~/PathToYourFolder/first.svg" alt="your image" />

对于 js，css 文件你可以使用 bundle。安装

Install-Package BuildBundlerMinifier -Version 2.8.391

之后创建 json 文件 - bundleconfig.json 在您的 web 项目的根目录中

[ 
  {
    "outputFileName": "wwwroot/js/myjs.min.js",
    "inputFiles": [
      "FolderOfYourJS/yourJs.js"
    ]
  }

]

这将在 wwwroot 的 js 文件夹中的每个构建中创建 myjs.min.js 文件。