Webpack с машинописным текстом, не находящимся в модуле ввода

Question

Я пытаюсь интегрировать webpack в свое приложение для ввода текста. Чтобы изучить 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 выхода, я могу видеть, что это проверить файл со всеми 3 расширения от resolve.extensions, но не для самого файла. Все примеры, которые я нашел, используют файл с расширением для entry (webpack basic setup, typescript integrating with build tools, ...). Если я удалю расширение, сборка webpack найдет файл entry (хотя, похоже, у меня есть другие проблемы ...).

В любом случае, мой вопрос заключается в следующем: я делаю что-то неправильно? Отсутствует что-то очевидное? Или неправильная документация?

---- UPDATE ---- Возможно, что-то не так с репозиторием 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 выходы:

бета: 2.2.0

последнее: 1.14.0

Используйте соответствующую semver для его установки:

npm install webpack@2 --save-dev 

Answer 2

npm показывает последнюю опубликованную версию, используйте npm view webpack, чтобы найти все версии.