typescript 自动编译 生成js文件

项目文件

<?xml version="1.0" encoding="utf-8"?>
<Project
ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 
<Import
Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props"
Condition="Exists(‘$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props‘)"
/>
  <PropertyGroup>
    <Configuration
Condition=" ‘$(Configuration)‘ == ‘‘
">Debug</Configuration>
    <Platform Condition="
‘$(Platform)‘ == ‘‘ ">AnyCPU</Platform>
   
<ProductVersion>
   
</ProductVersion>
   
<SchemaVersion>2.0</SchemaVersion>
   
<ProjectGuid>{942BF143-5F6F-407C-B112-F598D25E001E}</ProjectGuid>
   
<ProjectTypeGuids>{349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc}</ProjectTypeGuids>
   
<OutputType>Library</OutputType>
   
<TypeScriptToolsVersion>1.0</TypeScriptToolsVersion>
   
<AppDesignerFolder>Properties</AppDesignerFolder>
   
<RootNamespace>website</RootNamespace>
   
<AssemblyName>website</AssemblyName>
   
<TargetFrameworkVersion>v4.0</TargetFrameworkVersion>
   
<UseIISExpress>true</UseIISExpress>
   
<IISExpressSSLPort />
   
<IISExpressAnonymousAuthentication />
   
<IISExpressWindowsAuthentication />
   
<IISExpressUseClassicPipelineMode />
 
</PropertyGroup>
  <PropertyGroup Condition="
‘$(Configuration)|$(Platform)‘ == ‘Debug|AnyCPU‘ ">
   
<DebugSymbols>true</DebugSymbols>
   
<DebugType>full</DebugType>
   
<Optimize>false</Optimize>
   
<OutputPath>bin\</OutputPath>
   
<DefineConstants>DEBUG;TRACE</DefineConstants>
   
<ErrorReport>prompt</ErrorReport>
   
<WarningLevel>4</WarningLevel>
 
</PropertyGroup>
  <PropertyGroup Condition="
‘$(Configuration)|$(Platform)‘ == ‘Release|AnyCPU‘ ">
   
<DebugType>pdbonly</DebugType>
   
<Optimize>true</Optimize>
   
<OutputPath>bin\</OutputPath>
   
<DefineConstants>TRACE</DefineConstants>
   
<ErrorReport>prompt</ErrorReport>
   
<WarningLevel>4</WarningLevel>
 
</PropertyGroup>
 
<ItemGroup>
 
    <Reference
Include="Microsoft.CSharp" />
    <Reference
Include="System.EnterpriseServices" />
  </ItemGroup>
 
<ItemGroup>

    <Content
Include="ValidateCode.aspx" />
    <Content
Include="Web.config">
     
<SubType>Designer</SubType>
   
</Content>
  </ItemGroup>
 
<ItemGroup>
    <Compile
Include="Global.asax.cs">
     
<DependentUpon>Global.asax</DependentUpon>
   
</Compile>
    <Compile
Include="index.aspx.cs">
     
<DependentUpon>index.aspx</DependentUpon>
     
<SubType>ASPXCodeBehind</SubType>
   
</Compile>
    <Compile
Include="index.aspx.designer.cs">
     
<DependentUpon>index.aspx</DependentUpon>
   
</Compile>
    <Compile
Include="Login.aspx.cs">
     
<DependentUpon>Login.aspx</DependentUpon>
     
<SubType>ASPXCodeBehind</SubType>
   
</Compile>
    <Compile
Include="Login.aspx.designer.cs">
     
<DependentUpon>Login.aspx</DependentUpon>
   
</Compile>
    <Compile
Include="Properties\AssemblyInfo.cs" />
    <Compile
Include="ValidateCode.aspx.cs">
     
<DependentUpon>ValidateCode.aspx</DependentUpon>
     
<SubType>ASPXCodeBehind</SubType>
   
</Compile>
    <Compile
Include="ValidateCode.aspx.designer.cs">
     
<DependentUpon>ValidateCode.aspx</DependentUpon>
   
</Compile>
  </ItemGroup>
 
<ItemGroup>
    <None
Include="Web.Debug.config">
     
<DependentUpon>Web.config</DependentUpon>
   
</None>
    <None
Include="Web.Release.config">
     
<DependentUpon>Web.config</DependentUpon>
   
</None>
  </ItemGroup>
 
<ItemGroup>
    <Folder Include="ico\"
/>
    <Folder Include="JSTemplete\"
/>
    <Folder Include="log\" />
 
</ItemGroup>
  <PropertyGroup>
   
<VisualStudioVersion Condition="‘$(VisualStudioVersion)‘ ==
‘‘">10.0</VisualStudioVersion>
    <VSToolsPath
Condition="‘$(VSToolsPath)‘ ==
‘‘">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
 
</PropertyGroup>
  <PropertyGroup Condition="‘$(Configuration)‘
== ‘Debug‘">
   
<TypeScriptTarget>ES5</TypeScriptTarget>
   
<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
   
<TypeScriptSourceMap>true</TypeScriptSourceMap>
   
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
 
</PropertyGroup>
  <PropertyGroup Condition="‘$(Configuration)‘
== ‘Release‘">
   
<TypeScriptTarget>ES5</TypeScriptTarget>
   
<TypeScriptRemoveComments>true</TypeScriptRemoveComments>
   
<TypeScriptSourceMap>false</TypeScriptSourceMap>
   
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
 
</PropertyGroup>
  <Import
Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets"
Condition="Exists(‘$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets‘)"
/>
  <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets"
/>
  <Import
Project="$(VSToolsPath)\WebApplications\Microsoft.WebApplication.targets"
Condition="‘$(VSToolsPath)‘ != ‘‘" />
  <Import
Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets"
Condition="false" />
 
<ProjectExtensions>
   
<VisualStudio>
      <FlavorProperties
GUID="{349c5851-65df-11da-9384-00065b846f21}">
       
<WebProjectProperties>
         
<UseIIS>True</UseIIS>
         
<AutoAssignPort>True</AutoAssignPort>
         
<DevelopmentServerPort>0</DevelopmentServerPort>
         
<DevelopmentServerVPath>/</DevelopmentServerVPath>
         
<IISUrl>http://localhost:31620/</IISUrl>
         
<NTLMAuthentication>False</NTLMAuthentication>
         
<UseCustomServer>False</UseCustomServer>
         
<CustomServerUrl>
         
</CustomServerUrl>
         
<SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
       
</WebProjectProperties>
     
</FlavorProperties>
    </VisualStudio>
 
</ProjectExtensions>
  <!-- To modify your build process, add
your task inside one of the targets below and uncomment it.

       Other similar extension points exist,
see Microsoft.Common.targets.
  <Target
Name="BeforeBuild">
  </Target>
  <Target
Name="AfterBuild">
  </Target>
 
-->
</Project>

注意的部分

<TypeScriptToolsVersion>1.0</TypeScriptToolsVersion> 
使用1.0版本的ts

<PropertyGroup Condition="‘$(Configuration)‘ ==
‘Debug‘">
   
<TypeScriptTarget>ES5</TypeScriptTarget>
   
<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
   
<TypeScriptSourceMap>true</TypeScriptSourceMap>
   
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
 
</PropertyGroup>
  <PropertyGroup Condition="‘$(Configuration)‘
== ‘Release‘">
   
<TypeScriptTarget>ES5</TypeScriptTarget>
   
<TypeScriptRemoveComments>true</TypeScriptRemoveComments>
   
<TypeScriptSourceMap>false</TypeScriptSourceMap>
   
<TypeScriptModuleKind>AMD</TypeScriptModuleKind>
 
</PropertyGroup>
  <Import
Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets"
Condition="Exists(‘$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets‘)"
/>

以上的代码就是差别的地方

其实最简单的办法，就是安装完相关的文件后， 新建一个ts的项目（ts类型项目会自动生成js文件）。 然后比较和普通网站项目的不同
（*.csproj文件），添加相关内容就行。

typescript 自动编译 生成js文件

时间： 2024-12-28 00:55:45

typescript 自动编译 生成js文件的相关文章

前端开发环境之GRUNT自动WATCH压缩JS文件与编译SASS文件

前端开发环境之GRUNT-JAVASCRIPT任务运行器 前言: 1.sass编译为css文件,早先时刻写css,后来看了sass挺不错的,于是在新的项目中开始使用上了sass. 原方法: ①安装ruby ②编译sass文件(eg:style) sass style.scss style.css ③监控文件/文件夹的变化来自动编译sass文件 sass --watch style.scss:style.css #file sass --watch cssFilePath            

利用Java注解将常量类生成js文件供前端调用

注解相当于一种标记,在程序中加了注解就等于为程序打上了某种标记,没加,则等于没有某种标记,以后,javac编译器,开发工具和其他程序可以用反射来了解你的类及各种元素上有无何种标记,看你有什么标记,就去干相应的事.标记可以加在包,类,字段,方法,方法的参数以及局部变量上. 1)定义一个最简单的注解 public @interface MyAnnotation {     //...... } 2)把注解加在某个类上: @MyAnnotation public class AnnotationTes

Soy文件生成JS文件

1.下载工具包,后解压. http://closure-templates.googlecode.com/files/closure-templates-for-javascript-latest.zip 2.运行命令: java -jar SoyToJsSrcCompiler.jar --outputPathFormat helloworld.js helloworld.soy Soy文件生成JS文件

protobuf 编译 java js文件详解

首先下载protobuf.exe 下载地址:https://download.csdn.net/download/qq_34756156/10220137 MessageBody.proto syntax = "proto3"; message messagebody{ //工厂 3G string factory = 1; //设备id 3918173069 string deviceId = 2; //内容长度的长度 消息类型+消息主体 = 内容长度 string length =

如何在安卓环境下自动编译所有cpp文件

正常情况下,需要在Android.mk文件下面一个一个手动添加cpp文件,如果文件较多,这样就太麻烦了. 解决办法如下: 把Android.mk文件里面的这段代码: LOCAL_SRC_FILES := hellocpp/main.cpp ../../Classes/AppDelegate.cpp 改为: FILE_LIST := hellocpp/main.cpp FILE_LIST += $(wildcard $(LOCAL_PATH)/../../Classes/*.cpp) LOCAL_

关于js预编译以及js文件执行顺序的几个问题。

关于js的执行原理,除去html页面中直接添加的代码,js代码的放置可以分为两类. //情形a           <script type="text/javascript" src="xxx.js"$amp;>amp;$lt;/script>           //情形b            <script type="text/javascript">           code......       

webpack + typescript + babel打包*.min.js文件的环境配置

将多个*.ts文件打包成一个*.min.js文件的开发配置 1.初始化 npm init 新建以下文件目录: 2.安装依赖: "devDependencies": { "@babel/core": "^7.4.5", "@babel/preset-env": "^7.4.5", "babel-loader": "^8.0.6", "ts-loader&quo

webpack4 系列教程(十三)：自动生成HTML文件

作者按:因为教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步<webpack4 系列教程(十三):自动生成 HTML 文件>原文地址.更欢迎来我的小站看更多原创内容:godbmw.com,进行"姿势"交流 ?(^?^*) 0. 课程介绍和资料 >>>本节课源码 >>>所有课程源码 本节课的代码目录如下: 本节课用的 plugin 和 loader 的配置文件package.json如下: { "devDepen

Hbuilder中的less不能自动编译为css怎么办

最近用hbuilder 写less文件,保存后发现无法将less文件自动编译成css文件,删掉,重装,依旧不行,每次都要在less文件上右键->编译 才能得到最新的css文件,本来就是件高效率的事,但这么一来,兴致全无. 那么有没有Hbuilder中的less不能自动编译为css的解决方案?快来跟小编一起学习吧! 方法/步骤1:less不能自动编译为css,一般只要设置预编译就可以了,第一步,打开hbuilder的工具栏,找到预编译器设置(如图所以),点击less,然后选编译(如果没图片中的选项