以下は私のwebpack.config.jsです
var webpack = require('webpack'),
path = require('path'),
yargs = require('yargs');
var libraryName = 'MyLib',
plugins = [],
outputFile;
if (yargs.argv.p) {
plugins.Push(new webpack.optimize.UglifyJsPlugin({
minimize: true
}));
outputFile = libraryName + '.min.js';
} else {
outputFile = libraryName + '.js';
}
var config = {
entry: [
__dirname + '/src/TestClass.ts'
],
devtool: 'source-map',
output: {
path: path.join(__dirname, '/dist'),
filename: outputFile,
library: libraryName,
libraryTarget: 'umd',
umdNamedDefine: true
},
module: {
rules: [{
test: /\.tsx?$/,
use: 'ts-loader', //Something wrong here
exclude: /node_modules/
}]
},
resolve: {
modules: [__dirname],
extensions: ['.ts', '.js', '.tsx']
},
plugins: plugins
};
module.exports = config;
そのTypeScriptプロジェクト。
ビルドを実行し、webpackバージョン4.5.0を使用してTypeScriptプロジェクトを縮小すると、次のエラーが表示されます
モジュールが見つかりません:エラー: 'ts-loader'を解決できません
何が悪いのかわかりません。
Ts-loaderバージョン4.2.0を使用します
TypeScriptバージョン2.8.1
親切にアドバイス。
Ts-loaderをインストールしたところ、問題はなくなりました。
npm install -D ts-loader
そして
module: {
rules: [
{test: /\.ts$/, exclude: /node_modules/, loader: 'ts-loader'}
]
},