Typescript Webpack tsloader：更改 tsconfig 文件名

发布于11月04日

I have 2 tsconfigs, one for my dev build and one for my prod build.
I choose the tsconfig with the -p flag :
tsc -p dev.tsconfig.json

Ts loader正在寻找tsconfig.json文件.如何使用ts加载程序指定另一个文件名？

module.exports = {
    entry : __dirname + "/src/app/main.ts",
    output : {
        path : __dirname + "/dist",
        filename : "bundle.js"
    },
   resolve : {
     extensions : ["", ".webpack.js", ".web.js", ".js", ".ts"]
   },
   module: {
        loaders: [
            { test: /\.ts?$/, loader: "ts" }
        ]
    }
};

推荐答案

Update(第4页):如 comments 中所述，语法已更改，如answer below中所述.

Webpack允许我们 for each 加载程序添加自定义选项.here中描述了所有ts-loader个配置属性.

configFileName是你要找的房产.应该是这样的.

module.exports = {
    entry : __dirname + "/src/app/main.ts",
    output : {
        path : __dirname + "/dist",
        filename : "bundle.js"
    },
    resolve : {
        extensions : ["", ".webpack.js", ".web.js", ".js", ".ts"]
    },
    module: {
        loaders: [
            { test: /\.ts?$/, loader: "ts" }
        ]
    },
    ts: {
        configFileName : 'dev.tsconfig.json'
    }
};