Visual Studio 2017保存时压缩代码

Question

有人能解释一下如何在保存时缩小文件吗？Web Essentials扩展程序在早期版本的VS中完美地工作，并且使生活变得轻松。现在它就是不起作用。

我已经尝试卸载和重新安装扩展，但它不起作用。在解决方案中右键单击CSS文件会出现重新绑定文件的选项，但那也不起作用。我尝试了在进行更改后构建应用程序，但那也不起作用。

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

- WillNZ

Answer 1

我发现如果压缩程序无法正常工作，那是因为我的CSS文件中存在VS不接受的错误。这很难注意到，因为错误只在错误列表中显示，并且没有像其他代码错误那样明显的警报。建议查看错误列表以查看是否存在CSS错误，然后进行更正。

- Tyson Gibby

Answer 2

Bundler和minifier使用旧的、不再维护的NUglifyminifier，该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文件。

- Ashraf Sabry