Как RTLCSS Framework работает в WebEssentials в Visual Studio 2017.? Как интегрировать инфраструктуру RLCSS в Visual Studio 2017

Question

Я начинаю новый проект в .NET Framework с нуля, и я новичок в этой среде.

Я хотел бы знать, как мы интегрируем среду RTLCSS для Web Essentials в Visual Studio 2017.

Я запускаю веб-приложение .NET MVC и использую SCSS для таблицы стилей. При поиске я обнаружил, что Web Essentials необходим для преобразования и минимизации SCSS. Я хотел бы сгенерировать rtl.css для всех соответствующих таблиц стилей, а среда RTLCSS будет соответствовать моим требованиям. Не могли бы вы помочь мне найти решение.

Предыдущая версия Web Essentials в Visual Studio 2015 отлично работает для генерации RTL, и я нашел параметры конфигурации в файле WebEssentials-Settings.json .

{
   ....
   ....
   "Css" : {
       ....
       ....
       "RtlCss":true,
   }

}

Ниже приведен код в WebEssentials-Settings.json file

{  
   "BrowserLink":{  
      "CssIgnorePatterns":"bootstrap*; reset.css; normalize.css; jquery*; toastr*; foundation*; animate*; inuit*; elements*; ratchet*; hint*; flat-ui*; 960*; skeleton*",
      "EnableMenu":true,
      "EnablePixelPushing":false,
      "ShowMenu":false
   },
   "CodeGen":{  
      "AddTypeScriptReferencePath":true,
      "CamelCaseEnumerationValues":false,
      "CamelCasePropertyNames":true,
      "CamelCaseTypeNames":false
   },
   "CoffeeScript":{  
      "CompileOnBuild":false,
      "CompileOnSave":true,
      "GenerateSourceMaps":true,
      "LintOnBuild":false,
      "LintOnSave":true,
      "LintResultLocation":"Message",
      "MinifyInPlace":false,
      "OutputDirectory":null,
      "ProcessSourceMapsForEditorEnhancements":true,
      "ShowPreviewPane":true,
      "WrapClosure":true
   },
   "Css":{  
      "AdjustRelativePaths":true,
      "AutoMinify":true,
      "Autoprefix":false,
      "AutoprefixerBrowsers":null,
      "GenerateRtlSourceMaps":true,
      "GzipMinifiedFiles":false,
      "MakeMinified":true,
      "OutputDirectory":null,
      "RtlCss":true,
      "RunOnBuild":false,
      "ShowBrowserTooltip":true,
      "ShowInitialInherit":false,
      "ShowUnsupported":true,
      "SyncBase64ImageValues":true,
      "SyncVendorValues":true,
      "ValidateEmbedImages":true,
      "ValidateStarSelector":true,
      "ValidateVendorSpecifics":true,
      "ValidateZeroUnit":true,
      "ValidationLocation":"Messages"
   },
   "General":{  
      "AllMessagesToOutputWindow":false,
      "KeepImportantComments":true,
      "ShowWEIgnoreLogs":true,
      "SvgPreviewPane":true
   },
   "Handlebars":{  
      "CompileOnBuild":false,
      "CompileOnSave":true,
      "MinifyInPlace":false,
      "OutputDirectory":null
   },
   "Html":{  
      "AttributeQuotesRemovalMode":"KeepQuotes",
      "AutoMinify":false,
      "CustomAngularDirectiveList":null,
      "EnableAngularValidation":true,
      "EnableBootstrapValidation":true,
      "EnableEnterFormat":true,
      "EnableFoundationValidation":true,
      "EnableMicrodataValidation":true,
      "GzipMinifiedFiles":false,
      "ImageDropFormats":[  
         {  
            "HtmlFormat":"<img src=\"{0}\" alt=\"\" />",
            "Name":"Simple Image Tag"
         },
         {  
            "HtmlFormat":"<div><img src=\"{0}\" alt=\"\" /></div>",
            "Name":"Enclosed in Div"
         },
         {  
            "HtmlFormat":"<li id=\"item_{1}\"><img src=\"{0}\" alt=\"\" /></li>",
            "Name":"Enclosed as List Item"
         },
         {  
            "HtmlFormat":"<div style=\"background-image=url('{0}')\"></div>",
            "Name":"Inline CSS"
         }
      ],
      "MakeMinified":true,
      "MinifyAngularBindingExpressions":false,
      "MinifyKnockoutBindingExpressions":false,
      "OutputDirectory":null,
      "ProcessableScriptTypeList":null,
      "RunOnBuild":false
   },
   "JavaScript":{  
      "AutoMinify":true,
      "BlockCommentCompletion":true,
      "EvalTreatment":"MakeImmediateSafe",
      "GenerateSourceMaps":true,
      "GzipMinifiedFiles":false,
      "LintOnBuild":false,
      "LintOnSave":true,
      "LintResultLocation":"Message",
      "MakeMinified":true,
      "OutputDirectory":null,
      "RootDirectory":"/Scripts/",
      "RunOnBuild":false,
      "TermSemicolons":true
   },
   "Less":{  
      "AdjustRelativePaths":true,
      "CompileOnBuild":true,
      "CompileOnSave":true,
      "EnableChainCompilation":true,
      "GenerateSourceMaps":true,
      "MinifyInPlace":false,
      "OutputDirectory":null,
      "ProcessSourceMapsForEditorEnhancements":true,
      "ShowPreviewPane":true,
      "StrictMath":false
   },
   "LiveScript":{  
      "CompileOnBuild":false,
      "CompileOnSave":true,
      "GenerateSourceMaps":true,
      "MinifyInPlace":false,
      "OutputDirectory":null,
      "ProcessSourceMapsForEditorEnhancements":true,
      "ShowPreviewPane":true,
      "WrapClosure":true
   },
   "Markdown":{  
      "CompileOnBuild":false,
      "CompileOnSave":true,
      "GlobalPreviewCSSFile":null,
      "MinifyInPlace":false,
      "OutputDirectory":null,
      "ShowPreviewPane":true
   },
   "Scss":{  
      "CompileOnBuild":true,
      "CompileOnSave":true,
      "EnableChainCompilation":true,
      "GenerateSourceMaps":true,
      "MinifyInPlace":false,
      "NumberPrecision":5,
      "OutputDirectory":null,
      "OutputStyle":"Expanded",
      "ProcessSourceMapsForEditorEnhancements":true,
      "ShowPreviewPane":true,
      "UseRubyRuntime":false
   },
   "Sprite":{  
      "CssOutputDirectory":null,
      "IsVertical":true,
      "LessOutputDirectory":null,
      "Margin":1,
      "Optimize":true,
      "OutputDirectory":null,
      "RunOnBuild":false,
      "ScssOutputDirectory":null,
      "UseAbsoluteUrl":false,
      "UseFullPathForIdentifierName":true
   },
   "SweetJs":{  
      "CompileOnBuild":false,
      "CompileOnSave":true,
      "GenerateSourceMaps":true,
      "MinifyInPlace":false,
      "OutputDirectory":null,
      "ProcessSourceMapsForEditorEnhancements":true,
      "ShowPreviewPane":true
   },
   "TypeScript":{  
      "LintOnBuild":false,
      "LintOnSave":true,
      "LintResultLocation":"Message",
      "ShowPreviewPane":true
   }
}

Но в последней версии Visual Studio 2017 я обнаружил, что файл compilerconfig.json выполняет задачу минимизации. Но я не смог найти параметры конфигурации для инфраструктуры RTLCSS.

Буду очень признателен за любой совет, помощь или руководство. Заранее спасибо. :)