Webpack+typescript開発プリファレンスパラメータの設定
4019 ワード
Webpack+typescript開発プリファレンスパラメータの設定
📍 Webpack+javascript开发普利法伦斯帕拉米塔的设定
📍typescriptのインストール
> npm install --save-dev typescript ts-loader
📍tsconfig.jsonファイルの追加、設定
tsconfig.json
{
"compilerOptions": {
"outDir": "./dist/",
"noImplicitAny": true,
"module": "es6",
"target": "es5",
"jsx": "react",
"allowJs": true,
"moduleResolution": "node"
}
}
📍webpack.config.jsコンテンツの追加
webpack.config.js
...
module.exports = {
...
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
...
],
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
...
};
📍*.js -> *.tsの変更
📍ソース
Reference
この問題について(Webpack+typescript開発プリファレンスパラメータの設定), 我々は、より多くの情報をここで見つけました https://velog.io/@poohoot/webpack-typescript-개발환경-설정하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol