Webpack和TypeScript - 没有转换和丢失代码

时间:2016-10-25 20:05:50

标签: typescript webpack

这让我疯了。

我有一个非常简单的webpack / typescript设置但由于某种原因在输出包中没有转换到ES5并且模块不包含在捆绑包中。

更令人烦恼的是,我有另一个项目具有完全相同的设置,可以正常工作。

tsconfig.json

data = xlsread('filename.xlsx')
reaction_time = data(:,3)
average_reaction_time = mean(reaction_time, 'omitnan')

webpack.config.js

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false
    },
    "exclude": [ "node_modules" ]
}

main.ts

module.exports = {
    entry: './lib/main.ts',
    output: {
        filename: './assets/js/bundle.js'
    },
    resolve: {
        extensions: ['', '.ts']
    },
    modules: {
        loaders: [
            { test: /.ts$/, loader: 'awesome-typescript-loader' }
        ]
    }
}

thing.ts

import { thing } from './thing';
console.log(thing.foo);

bundle.js

export const thing = {
    foo: 'bar'
}

1 个答案:

答案 0 :(得分:0)

以清晰的头脑再看后,想出来了。

我的webpack.config.js有模块属性,而不是模块属性。

该死的你胖手指!