背景环境:1、并没有全局安装webpack和webpack-cli

2、项目没有安装其他模块


1、运行“npm install webpack webpack-cli -D”安装webpack和webpack-cli包到项目。版本如下:

2、项目根目录下创建webpack.config.js

// 向外暴露一个打包的配置对象
// 因为 webpack 是基于Node构建的;所以 webpack 支持所有Node API 和语法
// 那些 特性 Node 支持呢?Node是基于Chrome V8引擎实现的Javascript运行环境,如果 chrome 浏览器支持哪些,则 Node 就支持哪些;
module.exports = {mode: 'production' // development   production
}// 以下的写法不行,这是ES6中向外导出模块的API,与之对应的是import ** from '标识符'
// export default {}

3、命令行中输入"webpack"命令,提示错误如下:

4、网上搜索了一下解决方案, 都是让我全局安装webpack以及添加node_global到环境变量。可是我安装在E盘下的node的安装目录下并没有找到node_global目录,而且我也并不太想全局安装webpack。

5、所以,我的解决办法是:

1)找到项目根目录下的package.json文件并打开,找到"scripts":{}这一段,在其中添加"dev": "webpack"这一行,效果如下:

  "scripts": {"test": "echo \"Error: no test specified\" && exit 1","dev": "webpack"},

2)命令行中输入“npm run dev”命令,顺利执行webpack命令,将入口文件“src/index.js”打包(若是webpack.config.js中mode为production则自动压缩,否则不压缩,webpack 4.x以前要压缩的话需要另外安装组件并做相应配置,webpack 4.x仅需一个配置项即可压缩代码,赞!)并输出到“dist/main.js”。


不知道哪位大神能解释一下为何我不能直接在命令行中运行webpack命令而用npm run dev又能成功运行webpack命令呢?不胜感激~

无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称相关推荐

  1. webpack -- 无法将“webpack”项识别为 cmdlet 。。。

    webpack : 无法将"webpack"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次. 一.如果全局和 ...

  2. npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置 行:1 字符: 1

    vs终端输入npm install出现错误 我首先做的两件事 直接cmd,输入 npm config set registry http://registry.npm.taobao.org/ 然后,项 ...

  3. ABP学习 解决:Update-Database : 无法将“Update-Database”项识别为 cmdlet、函数、脚本文件或可运行程序的名称的问题

    ABP学习 解决:Update-Database : 无法将"Update-Database"项识别为 cmdlet.函数.脚本文件或可运行程序的名称的问题 参考文章: (1)AB ...

  4. ubuntu:无法将“ubuntu1804.exe”项识别为cmdlet、函数、脚本文件或可运行程序的名称。【已解决】

    出现问题:无法将"ubuntu1804.exe"项识别为cmdlet.函数.脚本文件或可运行程序的名称. 解决办法: 第一步  进入此目录下查看是否有"ubuntu180 ...

  5. 解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称...

    我是用yarn安装的vue脚手架(yarn global add @vue/cli),yarn提示安装成功后,运行了下vue --version,结果报错. vue : 无法将"vue&qu ...

  6. '无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称' 或 'vue不是内部或外部命令' 的解决方法...

    如果在使用 vue 初始化项目的时候提示: vue : 无法将"vue"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确,然 ...

  7. tensorboard : 无法将“tensorboard”项识别为 cmdlet、函数、脚本文件或可运行 程序的名称。

    tensorboard可视化建模 tensorboard : 无法将"tensorboard"项识别为 cmdlet.函数.脚本文件或可运行 程序的名称.请检查名称的拼写,如果包括 ...

  8. vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。

    vue : 无法将"vue"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次. 报错原因: 没有安装脚手架v ...

  9. yarn的配置 -- 无法将“yo”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

    yo : 无法将"yo"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次. 在这里以 yarn 安装 yeom ...

  10. 解决VScode安装Babel转码器报错:无法将“cnpm“项识别为cmdlet\函数、脚本文件或可运行程序的名称的问题

    解决VScode安装Babel转码器报错:无法将"cnpm"项识别为cmdlet\函数.脚本文件或可运行程序的名称的问题 报错结果如下: 解决方案 第一步:安装npm 点我安装np ...

最新文章

  1. 独家 | 别用csv存储了-这种文件格式比csv快150倍(附链接)
  2. SpringMVC与Ajax交互
  3. 常系数齐次线性递推学习笔记
  4. python字典中的值只能是字符串类型_python字典key不能是可以是啥类型
  5. Qt工作笔记-对QThread使用的进一步认识(exec及对象在哪个线程创建)
  6. 软件测试测试用例编写 不超过7步骤_教你快速编写一个合格的测试用例!
  7. Android Gradle指南系列
  8. GetAsyncKeyState() 0x8000
  9. 协同过滤推荐算法总结
  10. 群晖DS218+部署kafka
  11. word页码任意设置,如显示在页脚外侧、横版页面要求显示在左侧或右侧
  12. ei计算机相关 小木从,怀念楼讲心那棵小木钩瞒
  13. CSS实现3D正方体动态旋转效果【源码+GIF图】
  14. Mind Manager 13 值得购买吗?一次糟糕的购物体验
  15. PROE产品设计:20个机械设计知识点
  16. 如何使用Amos做调节效应和有调节的中介作用模型?
  17. ios 微信端 video 标签 兼容问题
  18. php错误报告和调试
  19. win7麦克风没声音怎么设置
  20. php 的 yii 框架,详解PHP的Yii框架的运行机制及其路由功能

热门文章

  1. 如何更改计算机屏幕分辨率,屏幕分辨率调改不了怎么办
  2. 【76】make时,报错file not recognized: File format not recognized
  3. 毕业论文的绪论怎么写?
  4. 自研网关纳管Spring Cloud(一)
  5. 【工具篇】01. 下载与安装 ❀ 数据包分析工具 Wireshark
  6. 无法解决 equal to 运算中 “Chinese_PRC_CI_AI_KS_WS“ 和 “Chinese_PRC_CI_AS“ 之间的排序规则冲突
  7. PHP从零开始学(安装篇)
  8. python 抓取 实时公交_Show SN: 北京实时公交Python接口 (github.com)
  9. Python 求圆的面积
  10. python爬虫今日头条_Python3从零开始爬取今日头条的新闻【一、开发环境搭建】...