angular - 带有 typescript 的Webpack找不到入口模块

Question

我正在尝试将 webpack 集成到我的 typescript 应用程序中。为了学习 webpack，我尝试了一个最小的迁移。所以我克隆了 Angular2 quickstart seed , 添加了一个 webpack.config.js:

'use strict';
let path = require('path');

module.exports = {
    entry: './app/main.ts',
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                loader: 'awesome-typescript-loader',
                exclude: /node_modules/,
            },
        ]
    },
    output: {
        filename: '/bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    resolve: {
        extensions: [".tsx", ".ts", ".js"]
    },
};

并尝试构建:

PS C:\Users\ltheisen\git\pastdev-test-webpack> .\node_modules\.bin\webpack --display-error-details
Hash: 954fdea72e6d10e35648
Version: webpack 1.14.0
Time: 31ms

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./app/main.ts in C:\Users\ltheisen\git\pastdev-test-webpack
resolve file
  C:\Users\ltheisen\git\pastdev-test-webpack\app\main.ts.tsx doesn't exist
  C:\Users\ltheisen\git\pastdev-test-webpack\app\main.ts.ts doesn't exist
  C:\Users\ltheisen\git\pastdev-test-webpack\app\main.ts.js doesn't exist
resolve directory
  C:\Users\ltheisen\git\pastdev-test-webpack\app\main.ts\package.json doesn't exist (directory description file)
  C:\Users\ltheisen\git\pastdev-test-webpack\app\main.ts is not a directory (directory default file)

从 --display-error-details 输出中，我可以看到它检查了来自 resolve.extensions 的所有 3 个扩展名的文件，但没有检查文件本身。我发现的所有示例都使用扩展名为 entry 的文件(webpack basic setup、typescript integrating with build tools、...)。如果我删除扩展，webpack 构建会找到 entry 文件(尽管我似乎还有其他问题......)。

无论如何，我的问题是:我做错了什么吗？缺少明显的东西？还是文档有误？

----更新----看起来 npmjs 存储库可能有问题。具体来说，webpack 2 documentation for installation说:

npm install webpack --save-dev

但是，npmjs 显示版本 1.14.0 作为当前版本:

这看起来很奇怪，因为上周发布了 2.2.0 版......但我猜这个版本还没有传播到 npmjs？更新到 webpack 2 后，这似乎解决了我的问题......

Answer 1

到目前为止，Webpack 2 一直处于预发布阶段。我不能说如果 2.2.0 被认为不稳定，为什么没有相应地标记，但它是这样发布的，npm dist-tag ls webpack 输出:

beta: 2.2.0

latest: 1.14.0

使用适当的 semver 来安装它:

npm install webpack@2 --save-dev