webpack не может загрузить модуль jquery

Question

Я пытаюсь импортировать jquery в машинописный текст с помощью webpack. Это то, что я сделал.

npm init -y 
npm install -g webpack 
npm install ts-loader --save 
touch webpack.config.js 

В файле, я написал это

module.exports = { 
    entry: './app.ts', 
    output: { 
    filename: 'bundle.js' 
    }, 
    resolve: { 
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'] 
    }, 
    module: { 
    loaders: [ 
     { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
    } 
} 

Затем создайте app.ts и написать следующее

import $ = require('jquery'); 

я npm install jquery --save загрузить компонент Jquery.

тогда, когда я выполняю webpack, он не дает мне найти сообщение 'jquery' модуля.

ts-loader: Using typescript@1.6.2 
Hash: af60501e920b87c93349 
Version: webpack 1.12.2 
Time: 1044ms 
    Asset  Size Chunks    Chunk Names 
bundle.js 1.39 kB  0 [emitted] main 
    + 1 hidden modules 

ERROR in ./app.ts 
(1,20): error TS2307: Cannot find module 'jquery'. 

Может кто-нибудь сказать мне, что я сделал не так?

Answer 1

Может кто-нибудь сказать мне, что я сделал не так?

Вы должны определения Jquery:

tsd install jquery --save

Кроме того, необходимо иметь tsconfig.json:

tsc -init будет генерировать для вас. Но я рекомендую:

{ 
    "compilerOptions": { 
     "module": "commonjs", 
     "target": "es5" 
    }, 
    "exclude": [ 
     "node_modules" 
    ] 
} 

Кроме того, необходимо установить машинопись

npm install typescript -save