안녕하세요 저는 최근 출시 된 모든 typescript/jquery/webpack 앱을 보유하고 있습니다. 모든 것이 잘 작동합니다. aws-sdk를 소개하고 싶었습니다. 나는 '_'와 같은 다른 라이브러리를 가져 오기 위해 사용했던 패턴을 따라 갔다.typescript/jquery/webpack 앱에서 aws-sdk 사용하기
ERROR in .../code-projects/.../tsconfig.json
error TS2318: Cannot find global type 'Number'.
ERROR in .../code-projects/.../tsconfig.json
error TS2318: Cannot find global type 'Object'.
ERROR in .../code-projects/.../tsconfig.json
error TS2318: Cannot find global type 'RegExp'.
ERROR in .../code-projects/.../tsconfig.json
error TS2318: Cannot find global type 'String'.
내가 다음 타이프의 aws-sdk instructions을 따라 : 내가 그것을 실행 갈 때 발생하는
import * as _ from '../node_modules/lodash-es/lodash';
내가 같은 오류의 무리를 얻을 수있다.
같은 결과.
가져 오기 전 우리는 다음과 같다 :
import * as AWS from '../node_modules/aws-sdk/dist/aws-sdk';
및 webstorm 불평하지 않고 자동 완성 작품.
도움이 될 경우 내 webpack이 포함되어 있습니다.
질문 :이 유형의 프레임 워크에 aws-sdk를 포함시키는 적절한 방법은 무엇입니까?
const webpack = require('webpack');
const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: [
"bootstrap-webpack",
'./src/index.ts'
],
module: {
rules: [
// the url-loader uses DataUrls.
// the file-loader emits files.
{
test: /\.html$/,
loader: 'raw-loader',
options: {
minimize: true
}
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{test: require.resolve("jquery"), use: "imports-loader?$=jquery"},
{
test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=10000&mimetype=application/font-woff'
},
{test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream'},
{test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader'},
{test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=image/svg+xml'},
{
test: /\.png$/,
exclude: /node_modules/,
loader: 'url-loader'
},
{
test: /\.gif/,
exclude: /node_modules/,
loader: 'url-loader'
},
{
test: /\.jpg/,
exclude: /node_modules/,
loader: 'url-loader'
},
{
test: /\.css$/,
exclude: /node_modules/,
loader: "style-loader!css-loader"
},
{test: /\.ts$/, loader: 'ts-loader', exclude: /node_modules/},
{
test: /.json$/,
loaders: ['json']
}
]
},
resolve: {
extensions: ['.js', '.ts']
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
hash: true
}),
new webpack.LoaderOptionsPlugin({
debug: true
}),
new CleanWebpackPlugin(['dist/*.*'], {})
]
};