Typescript编译单独的ts文件,webpack

时间:2016-08-09 08:02:52

标签: typescript npm webpack

我试图直接使用npm作为构建工具来编译angularjs的typescript文件。

我有一个打字稿结构谎言。

    ts
        home
            Home.Controller.ts
            Home.Directive.ts
            home.html
            Home.Service.ts

我使用webpack.config.js文件来编译ts文件。

    var glob = require("glob");

    module.exports = {
      entry: glob.sync('./src/app/**/*.ts'),
      //entry: './src/app/app.ts',
      output: {
          filename: './src/www/js/output.js'
      },
      resolve: {
          // Add `.ts` and `.tsx` as a resolvable extension.
          extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js']
      },
      module: {
          loaders: [
              // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
              { test: /\.tsx?$/, loader: 'ts-loader' }
          ]
      }
    }

这会在/src/www/js/output.js

中输出单个js文件

我想要的是这样的输出结构。

    js
        home
            Home.Controller.js
            Home.Directive.js
            home.html
            Home.Service.js

每次添加新的ts文件时都无法更新webpack.config.js文件,所以我需要一种方法将ts structrue复制到js文件夹并编译ts文件。

0 个答案:

没有答案