我有 2 个 tsconfigs,一个用于我的开发构建,一个用于我的生产构建。
我选择带有 -p
标志的 tsconfig :
tsc -p dev.tsconfig.json
Ts-loader 正在寻找 tsconfig.json 文件。如何使用 ts-loader 指定另一个文件名?
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" }
]
}
};
最佳答案
在 Webpack 4 中,您需要将选项指定到 use
对象中:
use: [{
loader: 'ts-loader',
options: {
configFile: "tsconfig.webpack.json"
}
}]
完成 Webpack 配置:
var path = require('path');
module.exports = {
entry: path.resolve(__dirname, 'src') + '/index.ts',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'your-library-name.js',
},
module: {
rules: [
{
test: /\.ts$/,
use: [{
loader: 'ts-loader',
options: {
configFile: "tsconfig.webpack.json"
}
}],
exclude: /node_modules/,
}
]
},
mode: 'development',
resolve: {
extensions: ['.js', '.ts']
},
devtool: false
};
关于typescript - 网页包 ts-loader : change tsconfig filename,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40426378/