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运行它时,它根本不做任何事情(见截图)

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

解决方法

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配置.