Webpack 无法加载嵌套依赖项答案

【问题标题】：Webpack unable to load nested dependenciesWebpack 无法加载嵌套依赖项
【发布时间】：2017-03-02 20:57:55
【问题描述】：

由于某种原因，当我运行 webpack 时，编译器无法从 main.ts 中加载我的 app.module。我的应用程序不包括 webpack 可以正确找到所有模块，但是使用 Webpack 时却无法这样做。

我的 webpack.config

      var webpack = require("webpack");
      var HtmlWebpackPlugin = require('html-webpack-plugin');

      module.exports= {
     entry: {
         'vendor': './vendor.ts',
         'polyfills' : './polyfills.ts',
         'app': './main.ts'
     },
     output:
     {
         path: './dist',
         filename: '[name].bundle.js',
     },
    plugins:[
        new HtmlWebpackPlugin({
            template: './index.html'
        })
    ]
 }

但是运行这个我得到错误

./main.ts Module not found: Error: Can't resolve './app.module' in 'C:\Users\Documents\Visual Studio 2015\Projects\samples.solution\AngularCore\src' @ ./main.ts 2:0-41 @ multi (webpack)-dev-server/client?http://localhost:8080 ./main.ts

在这一点上我很迷茫。我认为这是一个路径问题，但我不确定如何修复它以使 Angular 2 引导并正常工作。

【问题讨论】：

应该是./app.module.ts？ Webpack 不会自动解析 .ts，除非已配置。
尽管 ./app.module.ts 依赖于 Main.ts。我认为将其放入 webpack 会自动将其拉入

标签： angular webpack asp.net-core

【解决方案1】：

这里似乎发生了一些事情。

首先，您没有指定扩展。见这里：https://github.com/webpack/docs/wiki/configuration#resolveextensions

其次，webpack 不能编译 typescript 文件，所以你需要使用像 awesome-typescript-loader 这样的加载器。 https://github.com/s-panferov/awesome-typescript-loader

【讨论】：

【解决方案2】：

我找到了我要找的东西。使用 Angular-Cli 创建应用程序后，我在项目中运行 ng eject 并创建 webpack.confgiure.js 并且它可以工作

【讨论】：