web-essentials

TypeScript source map files don't work with Chrome

℡╲_俬逩灬. 提交于 2019-12-23 08:34:42
问题 I'm trying to get TypeScript source debugging working in Chrome, but I'm running into two specific and perhaps related problems. The first is that the comment generated by the TypeScript/WebEssentials compiler that's supposed to identify the location of the source map file looks like this: //sourceMappingUrl=MySourceFile.js.map But Chrome won't read that file. It seems expect that the comment will look like this: //@ sourceMappingUrl=MySourceFile.js.map If I manually change the comment to

VS Web Essentials 2012 compile master LESS on imported save

末鹿安然 提交于 2019-12-23 07:40:07
问题 I am trying to maintain a global .less file which @imports the rest of the application .less files. I am currently developing this project in Visual Studio 2012 using the Web Essentials extension which automatically generates css files on save. However it only compiles the .less file which has just been saved and it's children and I want upstream "master" .less files which @import the current file to be compiled. Anyone know how to do this? 回答1: In the latest nightly build, you now have an

Automatically switching to minified CSS & JS files in different environments

随声附和 提交于 2019-12-21 05:37:06
问题 I am using ASP.Net MVC 5 and also taking advantage of WebEssentials LESS and bundle features. WebEssentials is setup to create minified css and js files on save. This is a feature I want because I can monitor the output and it lowers the application startup time ( not using Asp.Net MVC bundles ). How can I automatically get my app to use the minified version of the files when it is deployed without having to manually change the file names? So, for example, from: <link href="somestyles.css" ..

Google Chrome “Failed parsing SourceMap” : css.map (Web Essential)

帅比萌擦擦* 提交于 2019-12-18 10:43:21
问题 Visual Studio 2013 UP5 + Web Essential's (v. 2.6.36) generated css.map files are invalid in "Google Chrome", however it is valid in "Firefox". Due to this it became impossible to debug less files in google chrome. Currently, I am using Web Essential 2.6.36 (+ Visual Studio 2013 Up5). I can disable the source map from google chrome's developer's setting. Which will remove those errors, however still we cannot debug less files and change the style. Which is a terrible problem. Any advice will

How call Web Essentials task in MSBuild ?

橙三吉。 提交于 2019-12-18 09:07:10
问题 Web essentials works great when build in VS, but seems no way to build/bundle (Scss/js,Html,Sprit) when call MSBuild (like team city). I googled lot stuffs, but only find - https://www.nuget.org/packages/Pta.Build.WebEssentialsBundleTask/ but it only support bundle, is there any other way to do that ? 回答1: finally, I found http://madskristensen.net/, Mads Kristensen split Bundler & Minifier and Web Compiler from Web Essentials 2015, and it supported integrate with MSBuild process !!!! https:/

Visual Studio browser link is grayed out

試著忘記壹切 提交于 2019-12-14 04:00:56
问题 I'm using visual studio 2013, and web essentials 1.1. I'm trying to use browser link, but the button for it is greyed out in Visual Studio. Any idea how I can enable it? 回答1: Do you have this setting in your Web.config file <appSettings> <add key="vs:EnableBrowserLink" value="false"/> </appSettings> or debug to false? <system.web> <compilation debug="false" targetFramework="4.5" /> </system.web> source: http://www.asp.net/visual-studio/overview/2013/using-browser-link 回答2: Check if the

Unbale to generate changes in JS file after saving TypeScript file

丶灬走出姿态 提交于 2019-12-13 04:23:00
问题 I am using Visual Studio 2012 along with TypeScript 0.9.5 and Web Essential 3.5. After I make changes in TypeScript file and save it. The changes are not saved in JavaScript file. I navigated through Tools > Options > Web Essentials > TypeScript in VS 2012 but found the options have changed. Earlier I was using TS 0.8.1 and WebEssentials 2.8 and everything was working. Please provide your suggestions. 回答1: Just a link through to Tim LaBonne's blog where he outlines the changes needed to the

TypeScript, Html & JS file nesting in Visual Studio 2015

随声附和 提交于 2019-12-12 07:48:05
问题 How do I manage/control the nesting of TypeScript files in Visual Studio? I am getting a mix of nested & not nested files, I'm not sure how/why, as shown below. 回答1: The default for JavaScript files in a TypeScript project is to exclude them rather than nest them - but there are several ways you can nest them if you prefer. You can hack the registry... or hand-crank your project file's XML... but the easier option is to let Mads Kristensen do it for you with his File Nesting Extension. You

How to include TypeScript files and compile whole file in Visual Studio 2012?

大城市里の小女人 提交于 2019-12-10 17:46:15
问题 I have installed the latest version of TypeScript and also the latest version of Web Essentials. I created a new TypeScript project in VS2012. If have a utils.ts : moduls utils { export function getNumber() { return 4; } } And a app.ts : /// <reference path="utils.ts" /> alert(utils.getNumber().toString()); The JavaScript files are both compiled seperatly. But to get app.js to work properly, the compiled source code of utils.ts has obviously to be included. It does work when I run tsc app.ts

Cannot install WebEssentials - “extension not installable on … installed products”

蹲街弑〆低调 提交于 2019-12-10 15:01:35
问题 I just decided it was time to refresh WebEssentials. I am running Visual Studio 2013 Pro. I had W.E. 2013 Update 2 RC. I uninstalled it and then tried to install the current Update 3. It tells me I have no products that it can install on. Searching for applicable products... Found installed product - Microsoft Visual Studio 2010 Shell - Integrated Mode Found installed product - Microsoft Visual Studio Professional 2012 Found installed product - Microsoft Visual Studio 2012 Shell (Integrated)