在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ TypeScript項(xiàng)目打包疑問

TypeScript項(xiàng)目打包疑問

問題

首先描述一下問題：目前項(xiàng)目使用TypeScript，配置了tsconfig.json. 然后使用webpack + ts-loader來打包.

現(xiàn)在想問一下，tsconfig.json及ts-loader的作用是什么，是否需要加上babel-loader，希望熟悉構(gòu)建工具的解釋一下。

// tsconfig.json
{
    "compilerOptions": {
        "noImplicitAny": true,
        "target": "es5",
        "module": "commonjs",
        "outDir": "tsdist/",
        "sourceMap": true,
        "jsx": "react",
        "allowJs": true,
        "typeRoots": [
            "./node_modules/@types"
        ],
        "lib": [
            "es6",
            "dom",
            "scripthost"
        ]
    },
    "include": [
        "tslib/**/*",
        "tssrc/**/*"
    ]
}
回答
編輯回答
巴扎嘿

loader也就是俗稱的裝載機(jī)，這個在webpack.config.js中肯定能看到哪里用了ts-loader，說明這個的作用也就再次，主要是解析ts|tsx（react）的文件

tsconfig.json是告訴你typescript使用怎么樣的配置去解析和編譯你的文件，也就是你的項(xiàng)目，因?yàn)槟沩?xiàng)目里面肯定打包了typescript這個包，那個它會自動在根目錄下去尋找這個文件，然后按你的配置要求去編譯。

babel-loader是在js上用的最多的，他在配置文件中一般的正則都是用來解析.js文件的，在根據(jù)你的.babelrc或者配置文件去解析你的js文件，以此來達(dá)到你配置的要求。

不知道你能否看懂，其實(shí)多看看多謝謝，逛逛這些問答就會懂了。

2018年9月19日 15:11
編輯回答
抱緊我

tsconfig.json 是一個配置文件,用來配置typescript的編譯器如何工作
ts-loader 是一個webpack的loader,當(dāng)webpack遇到.ts文件時(shí)會調(diào)用它來處理

ts-loader會調(diào)用typescript去編譯.ts,typescript會讀取tsconfig.json配置來決定如何編譯

以上是大意，不完全準(zhǔn)確，不過不要在意細(xì)節(jié)

最后，如果你不使用Stage 1/2的那些特性的話，應(yīng)該不需要再加babel-loader了

2017年12月7日 12:17
編輯回答
影魅

已經(jīng)打包為es5了就不需要babel-loader了

2017年10月1日 09:22