node.js – webpack命令无法正常工作

我是Node Js和Webpack的新手.我试图用模块加载器启动一个项目.

首先,我安装了nodeJs和NPM,并创建了一个名为tutorial的新目录.我使用命令提示符进入此目录,然后运行以下命令npm init,然后使用以下命令通过npm安装webpack:

npm install -S webpack

一个命令将webpack本地安装到’node-modules’目录下的项目中,我可以通过执行以下操作来运行我的项目:

nodejs node-modules/webpack/bin/webpack.js

这个问题是我必须将我的webpack.config.js文件放在我想放在项目根目录中的这个目录中.

这个问题的一个解决方案是在我的机器上全局安装webpack,我使用下面的命令:

npm install -g webpack

这安装了Webpack,现在我有一个Webpack命令.但是,这个命令似乎没有工作或做任何事情.当我尝试从我的项目的root directroy运行它时,它根本不做任何事情(见截图)

enter image description here

请告诉我我做错了什么!!

解决方法

webpack不仅在您的node-modules / webpack / bin /目录中,它还在node_modules / .bin中链接.

你有npm bin命令来获取npm将安装可执行文件文件夹.

您可以使用package.json的scripts属性来使用此目录中的webpack,该目录将被导出.

"scripts": {
  "scriptName": "webpack --config etc..."
}

例如:

"scripts": {
  "build": "webpack --config webpack.config.js"
}

然后你可以运行它:

npm run build

甚至是参数:

npm run build -- <args>

这允许您在项目的根文件夹中拥有webpack.config.js,而无需在全局安装webpack或在node_modules文件夹中安装webpack配置.

相关文章

这篇文章主要介绍“基于nodejs的ssh2怎么实现自动化部署”的...
本文小编为大家详细介绍“nodejs怎么实现目录不存在自动创建...
这篇“如何把nodejs数据传到前端”文章的知识点大部分人都不...
本文小编为大家详细介绍“nodejs如何实现定时删除文件”,内...
这篇文章主要讲解了“nodejs安装模块卡住不动怎么解决”,文...
今天小编给大家分享一下如何检测nodejs有没有安装成功的相关...