启用TypeScript (ts-loader)

想要使用打印稿？没问题!首先，启用它:

              12 3 4 5 6 7 8 9 10 11 12 13 14
              // webpack.config.js //…Encore //…+ . addentry ('main'， './assets/main.ts')+ .enableTypeScriptLoader ()//可选地启用fork类型脚本，以便更快地构建// https://www.npmjs.com/package/fork-ts-checker-webpack-plugin //要求您有一个tsconfig。Json文件设置正确。+ / / .enableForkedTypeScriptTypesChecking ()；
             

然后创建一个空tsconfig.json包含内容的文件{}在项目根文件夹中(或者在TypeScript文件所在的文件夹中;如。资产/)．在tsconfig.json您可以定义更多选项，如tsconfig.jsonreference．

然后重新启动Encore。当你这样做时，它会给你一个命令，你可以运行它来安装任何缺失的依赖项。运行该命令并重新启动Encore之后，您就完成了!

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

              12 3 4 5 6 7 8 9 10 11 12 13 14 15
              // webpack.config.js Encore // ... .addEntry('main'， './assets/main.ts')- .enableTypeScriptLoader ()+ .enableTypeScriptLoader(函数(tsConfig) {+ //你可以使用这个回调函数来调整ts-loader的设置+ // https://github.com/TypeStrong/ts-loader/blob/master/README.md#loader-options+ //例如:+ // tsConfig。沉默= false+})/ /……；
             

看到Encore的index.js文件有关详细文档，请参阅欧宝官网下载apptsconfig.jsonreference和关于Typescript的Webpack指南．

如果启用React (.enableReactPreset ()),任何.tsx文件也将被处理ts-loader．

此工作，包括代码示例，是根据创作共用BY-SA 3.0许可证。