webpack文件打包错误是什么情况?对于webpack文件打包错误的情况不少朋友都遇到过，但是对于如何解决一些朋友可能不是很了解，对此这篇文章小编就给大家分享一下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 -Coutput-filename bundle.js ，执行这句命令发现打包成功。 截图如下所示：

    关于webpack打包错误的原因及解决方法就介绍到这了，其实解决方法还是比较简单的，希望本文能帮助到大家，想要了解更多webpack打包的知识，请关注群英网络其它相关文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JS遍历二叉树如何实现，有哪些遍历算法

  众所周知javascript语言中只提供了几种基本类型的数据类型,而二叉树是一种数据结构,在一些查询等操作中能提供较好的性能,这篇文章主要给大家介绍了关于利用JS实现二叉树遍历算法的相关资料,需要的朋友可以参考下

• ajax和websocket有哪些不同，这五点你知道多少？

  ajax和websocket有哪些不同?对于ajax和websocket的区别，一些朋友比较好奇，其中两者在本质、生命周期、适用范围、发起人和用法这五方面都有区别，接下来我们详细的了解看看。

• Javascript单例模式有何用？实现方法是什么？

  JavaScript设计模式有很多，之前我们了解原型模式、观察者模式、命令模式等等，这篇我们来了解一下Javascript单例模式，那么Javascript单例模式是什么呢？有什么用？以及怎样实现呢？下面我们一步步了解。

• 实现所有async函数添加try/catch的方法是什么

  如何给所有的async函数添加try/catch？去阿里面试，三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰。后来花了一些时间整理了下思路，下面一起聊聊！

• Vue.js中的高级面试题及答案

  Vue-loader 是 Webpack 的加载模块，它使我们可以用 Vue 文件格式编写单文件组件。单文件组件文件有三个部分，(模板、脚本和样式)。 vue-loader 模块允许 webpack