解决 webpack .\src\main.js .\dist\bundle.js 错误

 

打包的命令格式:webpack 要打包的文件的路径 打包好的输出文件的路径

栗子:

webpack .\src\main.js .\dist\bundle.js

提示错误,错误信息如下:

 

错误原因

webpack版本太高,指令不一样

查看webpack版本信息

 

解决办法:
使用最新命令   webpack .\src\main.js -o .\dist\bundle.js

 

1.首先要配置好webpack.config.js文件

const path = require('path') module.exports = { entry: path.join(__dirname, './src/main.js'),// 入口,表示,要使用 webpack 打包哪个文件 output: { // 输出文件相关的配置 path: path.join(__dirname, './dist'), // 指定 打包好的文件,输出到哪个目录中去 filename: 'bundle.js' // 这是指定 输出的文件的名称 } }

 

2.输入命令

webpack ./src/main.js -o ./dist/bundle.js

 

3.命令显示成功

在这里插入图片描述


 

    千夏Chinatsu:愿你成为自己的太阳,无需凭借谁的光


__EOF__

本文作者杨芋可可
本文链接https://www.cnblogs.com/yangyukeke/p/13672418.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   杨芋可可  阅读(439)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示