Visual Studio 2017 保存时缩小

Question

谁能解释一下如何在保存时缩小文件。扩展 Web Essentials 曾经在早期版本的 VS 中完美运行，并且曾经使生活变得轻松。现在不行了。

我已经尝试卸载并重新安装扩展，但它不起作用。右键单击解决方案中的 CSS 文件，可以选择 Re-Bundle file that doesn't work。我已尝试在进行更改后构建应用程序，但这不起作用。

如有任何提示或尝试，我们将不胜感激。我知道我可以复制文本并使用其他工具缩小，但这会使事情花费比实际时间更长的时间。

Answer 1

我发现，如果压缩器不工作，那是因为我的 CSS 文件中存在 VS 不可接受的错误。

很难注意到，因为该错误仅显示在错误列表中，并且没有像其他代码错误那样明显的警报。我建议查看错误列表中是否存在 CSS 错误，然后更正它。

Answer 2

Bundler 和 minifier 使用旧的非维护 NUglify minifier，它不支持 CSS 和 JavaScript.

的现代语法结构

改用基于 NodeJS 的工具，并将它们作为构建步骤添加到 .csproj 文件中。例如，我的项目文件中有这个任务：

<Target Name="Compile Typescript" BeforeTargets="Build">
    <Exec Command="npm run build" />
</Target>

在我的 package.json 文件中，我有：

{
"name": "NAME",
"version": "1.0.0",
"description": "DESCRIPTION",
"scripts": {
    "build": "babel Scripts -d wwwroot/scripts --extensions .ts",
    "watch": "babel Scripts -d wwwroot/scripts --extensions .ts -w"
},
"author": "AUTHOR",
"license": "ISC",
"devDependencies": {
    "@babel/cli": "^7.7.0",
    "@babel/core": "^7.7.2",
    "@babel/preset-env": "^7.7.1",
    "@babel/preset-typescript": "^7.7.2"
}
}

它使用 Babel 编译和缩小 Typescript 文件。

Visual Studio 2017 保存时缩小

Visual Studio 2017 minify on save

css

visual-studio

visual-studio-2017

minify

web-essentials