最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • typescript编译配置

    正文概述 掘金(.........酱)   2021-01-05   531

    对单个文件进行编译
    tsc xxx.js
    对编译文件进行监视则用-w
    tsc xxx.js -w
    首先在目录下创建tsconfig.json文件
    inculde:对test1下的路径文件进行编译 设置好后只用tsc即可编译一个*代表文件 **代表目录,inculde:["./src/**/*"]就是对src下的所有子目录下的文件进行编译

    typescript编译配置

    exculde:与inculde相反就是忽略哪些文件 对test1下的index.ts不进行编译

    typescript编译配置

    files:指定编译的文件列表 对test1下的index2和index3进行文件编译

    typescript编译配置

    compilerOptions编译选项
    target:
    是把ts转成什么版本的js 如'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'。下列例子就是将ts代码转成es5版本的js代码

    typescript编译配置

      lib:
    选择宿主环境 typescript编译配置

    这个例子里如果ts文件里调用下列dom语法就会报错

    typescript编译配置
    但是下列宿主环境ts就不会报错了
    typescript编译配置

    可选值有'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'esnext', 'dom', 'dom.iterable', 'webworker', 'webworker.importscripts', 'webworker.iterable', 'scripthost', 'es2015.core', 'es2015.collection', 'es2015.generator', 'es2015.iterable', 'es2015.promise', 'es2015.proxy', 'es2015.reflect', 'es2015.symbol', 'es2015.symbol.wellknown', 'es2016.array.include', 'es2017.object', 'es2017.sharedmemory', 'es2017.string', 'es2017.intl', 'es2017.typedarrays', 'es2018.asyncgenerator', 'es2018.asynciterable', 'es2018.intl', 'es2018.promise', 'es2018.regexp', 'es2019.array', 'es2019.object', 'es2019.string', 'es2019.symbol', 'es2020.bigint', 'es2020.promise', 'es2020.sharedmemory', 'es2020.string', 'es2020.symbol.wellknown', 'es2020.intl', 'esnext.array', 'esnext.symbol', 'esnext.asynciterable', 'esnext.intl', 'esnext.bigint', 'esnext.string', 'esnext.promise', 'esnext.weakref'.

    outdDir
    将编译后的js输出到哪个目录 默认与编译的ts文件同级
    下列例子是将编译后的js输出到dist目录

    typescript编译配置

    outFile:
    将ts文件合并编译成一个文件
    下列例子将编译的index2.ts和index3.js合并输出到dist/file.js

    typescript编译配置

    如果outFile不是路径只是文件名,将输出在根目录下outDir失效

    typescript编译配置

    module
    编译用的模块方式有'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'.但是当有outFile属性后 只支持'amd', 'system'方式 
    以下例子就是用amd模块方式进行编译

    typescript编译配置

    **allowJs:
    允许是否将js进行编译默认是false
    **

    下列例子由于allowJs为false所以test1下的hello.js没有被编译到dist文件下

    typescript编译配置

    下列例子由于allowJs为true所以test1下的hello.js有被编译到dist文件下
    typescript编译配置

    **checkJs:**是否对js进行代码检查
    默认是false
    以下例子checkJs值为true所以编译报错

    typescript编译配置

    typescript编译配置

    removeComments:
    是否讲编译前文件的注释编译到编译后的文件里 默认值是false

    typescript编译配置

    编译前:

    typescript编译配置

    编译后:

    typescript编译配置

    sourceMap:
    是否生成map文件默认值为false,为true时编译生成map文件

    typescript编译配置

    noEmitOnError:

      有错误的时候不进行编译,默认值是false


    起源地下载网 » typescript编译配置

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元