使打印稿(ts-loader)

想要使用打印稿吗?没问题!首先,使它:

               1 2 3 4 5 6 7 8 9 10 11 12 13 14
               / / webpack.config。js / /……安可/ /……+ .addEntry(“主要”,“。/资产/ main.ts”)+ .enableTypeScriptLoader ()/ /选择启用分叉的类型为更快的构建脚本/ / https://www.npmjs.com/package/fork-ts-checker-webpack-plugin / /要求tsconfig。json文件设置正确。+ / / .enableForkedTypeScriptTypesChecking ();
              

然后创建一个空的tsconfig.json文件的内容{}在项目的根文件夹(或打印稿文件所在的文件夹;如。资产/)。在tsconfig.json您可以定义更多的选项,如图所示tsconfig.jsonreference。

然后重启安可。当您这样做时,它会给你一个命令您可以运行安装任何缺少的依赖关系。运行这个命令后,重新再来一次,你已经完成了!

任何.ts文件,您需要将正确处理。您还可以配置ts-loader选项通过enableTypeScriptLoader ()方法。

               1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
               / / webpack.config。js安可/ /….addEntry(“主要”,“。/资产/ main.ts”)- .enableTypeScriptLoader ()+ .enableTypeScriptLoader(函数(tsConfig) {+ / /你可以使用这个回调函数来调整ts-loader设置+ / / https://github.com/TypeStrong/ts-loader/blob/master/README.md loader-options例如:+ / /+ / / tsConfig。沉默= false+})/ /……;
              

看到安可的指数。js文件详细的文档和检查欧宝官网下载apptsconfig.jsonreference和Webpack指南关于打印稿。

如果启用了反应(.enableReactPreset ()),任何.tsx文件也会处理的ts-loader。

这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。