使用打印稿怎么开发一个node . js程序

　　介绍

使用打印稿怎么开发一个节点。js程序?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

//, package.json 　　{ 　　,“name":,“node-typescript" 　　,“version":,“0.0.1" 　　,“author":“Freek  Mencke" 　　,“homepage":“https://medium.com/@freek_mencke" 　　,“license":,“MIT" 　　,“scripts": {}, 　　,“dependencies": {}, 　　,“devDependencies": {} 　　}

让我们从JavaScript节点。js项目的简单Webpack配置开始,完成基本设置后,将添加打印稿。

<强>程序

如前所述,我们将从JavaScript程序开始,稍后将其转换为打印稿。首先创建一个带主要有。js和information-logger。js文件的src/目录,其中包含一些节点。js功能:

//, src/information-logger.js 　　const  os =,要求(& # 39;操作系统# 39;); 　　const {},名称,版本,=,要求(& # 39;. ./package.json& # 39;); 　　module.exports =, { 　　,logApplicationInformation:(),=比; 　　console.log({才能 　　,,,用途:{ 　　,,,的名字, 　　,,,的版本, 　　,,}, 　　}),才能 　　,logSystemInformation:(),=比; 　　console.log({才能 　　,,,系统:{ 　　,,,平台:,process.platform, 　　,,,cpu:, os.cpus () . length, 　　,,}, 　　}),才能 　　};//src/main.js 　　const  informationLogger =,要求(& # 39;。/information-logger& # 39;); 　　informationLogger.logApplicationInformation (); 　　informationLogger.logSystemInformation ();

这段脚本会将一些系统信息输出到控制台。运行节点主要。js后,可以看到以下输出:

{用途:{名称:& # 39;node-typescript& # 39;,版本:& # 39;0.0.1 # 39;}}
{系统:{平台:& # 39;linux # 39;, cpu: 8}}

<强> Webpack

在使用Webpack之前,需要做的第一件事就是安装必要的依赖项。不要忘记使用- d标志,它代表devDependencies。

npm 小姐:-D  webpack  webpack-cli

你可能注意到我没有安装webpack-dev-server。这因为我们正在创建一个节点。js应用程序。后面我会使用nodemon,它有相同的用途。

<强> webpack.config。js

下一步是创建一个webpack.config。js文件,通过它告诉Webpack应该如何处理我们的代码。

//, webpack.config.js 　　& # 39;use 严格# 39;; 　　module.exports =, (env =,{}),=祝辞,{ 　　,const  config =, { 　　,,条目:[& # 39;。/src/main.js& # 39;], 　　,,模式:env.development  ?, & # 39;发展# 39;,:,& # 39;生产# 39; 　　,,目标:& # 39;节点# 39; 　　devtool才能:env.development  ?, & # 39; cheap-eval-source-map& # 39;,,,假的, 　　,}; 　　,return 配置; 　　};

如你所见,从Webpack开始并不需要太多配置。唯一需要的两个选项是入口和目标。我们用输入字段声明程序的入口点,告诉Webpack在节点。js中使用目标字段。

可以用模式字段告诉Webpack它应该关注编译速度(开发)还是混淆和缩小(生产)。为了帮助调试,需要在开发模式中运行,用devtool字段来指示我们想要源映射。这样,如果出现错误,可以很容易地在代码中找到它出现的位置。

要使用Webpack,需要创建一些npm命令:

//, package.json 　　……, 　　,“scripts": { 　　“时才能:,“webpack ——progress ——env.development" 　　“才能开始:prod":,“webpack ——progress" 　　}, 　　…

现在可以通过运行这些命令来构建程序。它将创建一个目录dist/,其中包含输出文件主要。js。可以用webpack.config。js中输出配置指的定一个不同的名称。

我们的项目现在应该是这样的:

dist/,main.js 　　node_modules/src/,information_logger.js 　　,main.js 　　package-lock.json 　　package.json 　　webpack.config。js

<>强nodemon

你可能已经注意到,在运行启动命令后,Webpack会在构建应用程序后停止。它不会监视我们对的文件所所做的改动。由于我们正在使用节点。js,所以无法用webpack-dev-server。

幸运的是可以用nodemon来解决这个问题。它是专门为这个目的而开发的工具:在开发期间重新启动节点。js应用程序。

让我们从安装nodemon-webpack-plugin开始。不要忘记- d标志,因为它是一个devDependency。

npm 小姐:-D  nodemon-webpack-plugin

让我们创建一个新的nodemon标志,并将插件添加到的webpack.config。js中。

使用打印稿怎么开发一个node . js程序