Я взял на себя задачу перенести нашу кодовую базу продуктов angularjs в текущий день с конечной целью перейти на Angular 2. Первый шаг для меня - заставить веб-пакет и машинопись работать с codebase.
Связывание JavaScript работает и приложение может работать, но если я изменю один из файлов на файл TypeScript и снова запакую приложение, он больше не сможет найти файл. Я не вижу исходные карты, когда у меня есть sourceMap: true и devtool: 'inline-source-map'. Если я смотрю в вывод bundle.js, я вижу там свои классы TypeScript. Если я вручную скомпилирую в JavaScript с tsc и использую файл javascript, все будет работать, поэтому никаких проблем с сгенерированным кодом не возникнет.
Я чувствую, что что-то упустил.
webpack.config. js:
const webpack = require('webpack');
const path = require('path');
const config = {
entry: './wwwroot/index.js',
devtool: 'inline-source-map',
output: {
path: path.resolve(__dirname, 'wwwroot'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.ts?$/,
use: [
'awesome-typescript-loader'
],
exclude: [/node_modules/, /lib/]
}
]
},
resolve: {
extensions: [
'.ts',
'.js'
]
},
plugins: [
new webpack.IgnorePlugin({
resourceRegExp: /^\.\/locale$/
})
],
externals: []
};
module.exports = config;
index. js - так как это действительно старое приложение angularjs, оно не имеет одной точки входа. Индекс. js содержит список отдельных импортов для модулей и компонентов. Сюда также входит импорт для машинописных файлов
require.context('./app', true, /^\.\/.*\.ts$/);
// and a list of modules
import './app/modules/module_a.js';
import './app/modules/module_b.js';
//etc
tsconfig. json
{
"compilerOptions": {
"sourceMap": true,
"outDir": "wwwroot",
"noImplicitAny": false,
"module": "es6",
"target": "es5",
"allowJs": true,
"lib": [ "dom", "es7" ]
},
"include": [
"wwwroot/app/*"
],
"exclude": ["**/lib"]
}