我不熟悉Node Js和Webpack.我试图用模块加载器启动一个项目.

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

npm install -S webpack

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

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

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

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

npm install -g webpack

这是我安装的Webpack,现在我有了一个Webpack命令.然而,这个命令似乎根本不起作用.当我试图从项目的根目录运行它时,它什么都不做(参见屏幕截图)

enter image description here

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

推荐答案

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

您可以使用npm bin命令获取npm将在其中安装可执行文件的文件夹.

您可以使用package.jsonscripts属性来使用此目录中的网页,该网页将被导出.

"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.

Node.js相关问答推荐

无法在我的 node 项目中转让Google Drive v3 API中的所有权

如何从基于JSON的HTML/SCSS模板生成PDF?

如何从mongoose 对象内嵌套的数组中提取数组元素?

在构建完成后,将AddedFiles文件夹的内容复制到dist文件夹

表达 js 错误处理程序在第一个之后被忽略

为什么运行 yarn 命令会出错 - yargs-parser的完整性判断失败

express cors request.body formData显示undefined

Typescript 条件语句不过滤值?

为什么要加密 CSRF 令牌?

如何使用 node 在 koa.js 中发送响应

获取数组的至少一个元素包含子字符串的文档

Winston http 日志(log)级别的行为与 info 不同

AJAX 和 Node JS:在我的服务器中接收空数据

在 gatsby 中安装软件包时不推荐使用的错误

响应发送 200 而不是 403

如何使用适用于 Node.js 的 AWS 开发工具包将 Amazon S3 中的所有对象从一个前缀复制/移动到另一个前缀

Nodejs 随机免费 tcp 端口

从 React(同构应用程序)进行 API 调用时出现Access-Control-Allow-Origin问题

Socket.IO 连接用户数

在 Node.js 中混合使用 JavaScript 和 TypeScript