2016-12-06 6 views
0

node_modulesのすべての依存関係を含むTypescriptプロジェクトファイルを1つのファイルにバンドルしようとしていますが、Webpackに問題があります。私は多くのオプションを試してみたが、ちょうどのみ出力にエントリファイルを含めるように見えるものは何でも私が行いますすべての依存ファイルの代わりに1つのTypescriptファイルのみをバンドルするWebpack

依存性を持っているいくつかのサンプル活字ファイル:

アプリ/ test1.ts:

import {x} from 'app/test2'; 

let y = x + 1; 

アプリ/ test2.ts:

export let x = 123; 

WebPACKのファイル:

module.exports = { 
entry: { 
'app/startup' : './app/test1' 
}, 
output: { 
    filename: 'bundle.js' 
}, 
module: { 
    loaders: [ 
    { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
}, 
resolve: { 
    modules: [ 
    'node_modules' 
    ], 
    extensions: ['.ts', '.js'] 
}, 
}; 

tsconfig.jsonファイル:

System.register(["app/test2"], function (exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var test2_1, y; 
    return { 
     setters: [ 
      function (test2_1_1) { 
       test2_1 = test2_1_1; 
      } 
     ], 
     execute: function() { 
      y = test2_1.x + 1; 
     } 
    }; 
}); 

を:

{ 
    "atom": { 
     "rewriteTsconfig": false 
    }, 
    "compilerOptions": { 
     "skipLibCheck": true, 
     "pretty": false, 
     "allowJs": false, 
     "outDir": "tsDist", 
     "baseUrl": ".", 
     "moduleResolution": "node", 
     "target": "es5", 
     "module": "es2015", 
     "sourceMap": false, 
     "strictNullChecks": true, 
     "noImplicitThis": true, 
     "noImplicitAny": false, 
     "declaration": false 
    }, 
    "filesGlob": [ 
     "app/**/*.ts", 
    ], 
    "exclude": [ 
     "node_modules", 
    ], 
    "files": [ 
    ] 
} 

バンドルの上部に行くの標準的なもののほかに、それが唯一の行方不明 "のアプリ/ TEST2" でこれが含まれています私はここで間違って何をしていますか?なぜ、test2がバンドルに含まれていないのですか? node_moduleの依存関係も含めるにはどうすればよいですか?

私は、このサンプルプロジェクトから設定をコピーしようとしましたが、ちょうど同じ結果だ:あなたは間違ったリンクを参照してくださいので https://github.com/blacksonic/typescript-webpack-tree-shaking

+0

プロジェクトファイル構造も含めてください。 – Yaser

答えて

0

はそれができるの?

import {x} from './test2'; // you enter 'app/test2' 
let y = x + 1; 
関連する問題