webpack文件打包错误异常
更新时间：2021年07月23日 08:57:00 作者：lala_shine
这篇文章主要介绍了webpack文件打包错误异常,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
在进行webpack打包前我们要确保已完成的工作：
1）安装webpack：推荐全局命令 npm install -g webpack 查看webpack版本 webpack -v
2）此时对文件进行打包可能出现错误，提示脚手架文件错误，因为在webpack4的版本里，CLI被单独分离出来了所以要我们单独安装 执行全局命令 npm install -g webpack-cli 安装完脚手架，按理讲是可以使用webpack命令进行正常打包了。
使用webpack打包文件的一般语法为：（简书上面的webpack入门教程是这样说的）
# {extry file}出填写入口文件的路径，本文中就是上述main.js的路径，
# {destination for bundled file}处填写打包文件的存放路径
# 填写路径的时候不用添加{}
webpack {entry file} {destination for bundled file}
# webpack非全局安装的情况
node_modules/.bin/webpack app/main.js public/bundle.js
于是执行打包命令 webpack a.js bundle.js 结果还是出现错误 WARNING in configuration The ‘mode'option has…..
截图如下：
出现这个错误提示并不是我们环境装错了，而是webpack4 更新后对webpack语法进行了更严格的要求
之前的命令被修订为 webpack a.js –output-filename bundle.js ，执行这句命令发现打包成功。 截图如下所示：
到此这篇关于webpack文件打包错误异常的文章就介绍到这了,更多相关webpack打包错误内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
LRU全称为Least Recently Used，即最近使用的。针对的是在有限的内存空间内，只缓存最近使用的数据（即get和set的数据）。本文介绍了JavaScript实现LRU缓存的三种方式，需要的可以参考一下2022-06-06
List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
这篇文章主要为大家详细介绍了js实现ctrl+v粘贴上传图片，兼容chrome，firefox，ie11，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
console.log()与console.dir()的区别及说明
这篇文章主要介绍了console.log()与console.dir()的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
本文给大家收藏整理了js数组去重的n种方法，大家可以根据自己需要选择比较好的方法，感兴趣的朋友一起看看吧2018-06-06
ES6下如何实现子组件调用父组件？下面小编就为大家分享一篇ES6下子组件调用父组件的方法。希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了11个Javascript小技巧帮你提升代码质量(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了JavaScript网格中的最小路径讲解，所有路径经过的单元格的 值之和 加上 所有移动的 代价之和 。从 第一行 任意单元格出发，返回到达 最后一行 任意单元格的最小路径代价2022-06-06
这篇文章主要为大家详细介绍了微信小程序实现折叠面板的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
本篇文章主要介绍了Bootstrap实现各种进度条样式详解 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
最新评论