手把手教你行使TypeScript开拓Node.js应用

为什么要行使TypeScript？

为了镌汰代码编写进程中呈现的错误，以及更好的维护你的项目，本文将手把手教你设置一个简朴的开拓情形来编写Node.js的应用措施，建设这样的一个开拓情形有许多方法，这只是个中一种，但愿对你有所辅佐！

手把手教你行使TypeScript开拓Node.js应用

起首设置package.json

由于要在项目中行使Webpack，以是起首得建设一个package.json文件，我们可以行使npm init来天生

{  
 "name": "start",  
 "version": "1.0.0",  
 "description": "",  
 "main": "index.js",  
 "scripts": {  
 "test": "echo "Error: no test specified" && exit 1"  
 },  
 "author": "",  
 "license": "ISC"  
} 

后头用到其他的在添加

开始

我们在项目标根目次建设一个src目次，添加一个main.js和information-logger.js文件，我们先行使Javascript来建设：

// src/information-logger.js  
const os = require('os');  
const { name, version} = require('../package.json');  
module.exports = {  
 logApplicationInformation: () =>  
 console.log({  
 application: {  
 name,  
 version,  
 },  
 }),  
 logSystemInformation: () =>  
 console.log({  
 system: {  
 platform: process.platform,  
 cpus: os.cpus().length,  
 },  
 }),  
};  
// src/main.js  
const informationLogger = require('./information-logger');  
informationLogger.logApplicationInformation();  
informationLogger.logSystemInformation(); 

我们先运行一下：node main.js（先到src目次下），打印了我的条记本电脑的信息

Webpack

起首第一件事就是要设置Webpack的依靠项，记得用下面的呼吁，带上 -d，由于我们只在开拓情形下

npm i -D webpack webpack-cli 

我们没用到webpack-dev-server,安装完成后我们建设webpack.config.js的设置文件

'use strict';  
module.exports = (env = {}) => {  
 const config = {  
 entry: ['./src/main.js'],  
 mode: env.development ? 'development' : 'production',  
 target: 'node',  
 devtool: env.development ? 'cheap-eval-source-map' : false,  
 };  
return config;  
}; 

最开始我们没那么多的设置必要设置。我们要行使它，先改一下package.json

“scripts”：{   
 “start”：“webpack --progress --env.development”，  
 “start :prod”：“webpack --progress”   
 }， 

然后我们就可以通过任一呼吁（npm start）来构建应用措施，它会建设一个dist/main.js，我们可也行使webpack.config.js指定输出差异的名称，此刻的目次布局应该如下

nodemon

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!