У меня есть проект, написанный в Typescript, и я хочу иметь возможность его отлаживать (либо в Chrome Dev Tools, либо в Intellij).
Сначала я увидел, что функция Typescript import не поддерживается. Поэтому я попытался использовать Webpack вместе с webpack dev server, но это не удалось полностью. Несмотря на то, что мое приложение работало (из-за наличия одного файла bundle.js, который имеет весь код), он не сможет сопоставить код с данными исходными картами, и это делает невозможным отладку.
После того, как я прекратил использовать webpack, я попытался добавить require.js в качестве зависимости, чтобы разрешить ошибку require is not defined, которую я получал. Это сработало, но теперь я снова застрял и получил это:
Uncaught ReferenceError: экспорт не определен
Я понятия не имею, почему это не работает. Я хочу, чтобы моя работа с приложениями (через webpack или возможность разрешать операции импорта после трансляции), и все еще иметь возможность отлаживать код с помощью typescript -производных исходных карт. Как я могу достичь этого?
Я прикрепляю свои файлы конфигурации в случае, если там что-то не хватает:
tsconfig.json
{
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"sourceMap": true
},
"include": [
"scripts/**/*"
],
"exclude": [
"node_modules"
]
}
webpack.config.js:
module.exports = {
resolve: {
extensions: [/*'.ts', '.tsx', */'.js']
},
entry: './scripts/main.js',
output: {
path: '/',
filename: 'app.js'
},
module: {
rules: [
{ test: /\.js$/, loader: 'source-map-loader', enforce: 'pre' }
],
loaders: [
{ test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules/ },
{test: /\.css$/, loader: "style!css"}
]
},
watch: true
};
