使用webpack进行打包的时候无法进行打包无法进行打包

最新推荐文章于 2024-04-07 10:20:04 发布
最新推荐文章于 2024-04-07 10:20:04 发布
阅读量347 收藏
点赞数
文章标签： webpack 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74205854/article/details/134546934
版权

错误详情

问题出现原因:

  • 出现这个问题的原因主要是因为在package.json中进行定义使用的语法规范是module既ES6语法规范,但是在进行使用配置webpack.congfig.js进行导出暴漏的时候,使用的却是 commonjs既用module.exports进行导出,所以会出现这个问题.

问题解决:

  • 因为我写的js文件使用的是ES6的语法规范,所以把 webpack.congfig.js文件中进行导出的模式,改成了默认进行导出 export default ,进行导出,问题就解决了,总之要进行保证 webpack.congfig.js和package文件设置和使用的语法规范要是相同的.

枫斗.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于webpack无法正常打包的解决方法
由浅入深？
10-28 7654
首先在文件夹中安装webpack npm i webpack --save-dev 文件夹下创建2个文件，entry.js和module.js entry.js: document.write("its work"); document.write(require("./module.js")); 我在entry里引用了一个模块module，这也是webpack便利的部分，像我这样用详细路径的一般是自己写的模块，封装好的和大部分网上流行的框架都不需要像这样把路径写的很清晰，只要一个require就行，但
webpack打包字体图标遇到的错误的解决方案
鸭绒的博客
07-30 1658
文章目录1.引出错误2.解决方案 1.引出错误 我这个静态网站项目利用了icommon提供的字体图标，直接对该项目进行打包报错。 我在css文件应用“字体图标”： @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?raxfuq"); src: url("../fonts/icomoon.eot?raxfuq#iefix") format("embedded-opentype"), url("../f
webpack 操作正确一直打包不上
无简介！！
08-29 584
webpack 代码正确 一直打包不上！
webpack 打包失败
印心石屋
11-08 282
webpack 打包 x.js -o x.bundle.js失败： Error: Cannot find module 'webpack'     at Function.Module._resolveFilename (module.js:469:15).....   可能你需要添加系统环境变量 变量名为：NODE_PATH 变量值为：....\Appdata\Roaming\npm\...
React配置 webpack多页应用打包失败
落影随风的博客
06-12 1761
React配置 webpack多页应用打包失败,报错Cannot read property ‘filter’ of undefined解决方案 react的多页应用,运行 npm run build 后控制台报错: npm run build node scripts/build.js Creating an optimized production build... Failed to compile. Cannot read property 'filter' of undefined 控制台并没
webpack打包完成卡住不动 Opening index.html over file:// won‘t work.
XNHYJSL的博客
04-21 1206
原因：该库包的作用是本地能打开运行打包后的 index.html 文件。目前情况是服务器打包卡住（本地打包也是一样卡住），并不是需要 http-server 来打开文件在本地运行。1.修改 assetsPublicPath 对我项目没起作用。服务器端刚把 node10.x 升级到 16.9.x。记录一次webpack打包完成卡住不动bug。webpack打包bug。打包完成后一直停留在。欢迎大家评论区指正。
详解如何使用webpack打包多页jquery项目
10-17
本篇文章将详细讲解如何使用Webpack打包多页jQuery项目，以便在项目中仍然能够有效地使用jQuery库，并结合ES6特性进行开发。 首先，我们需要明确多页jQuery项目的特点：每个页面可能有各自的JS和CSS文件，且可能...
webpack dll打包重复问题优化的解决
10-17
webpack DLL打包重复问题的优化主要涉及到在使用webpack的DllPlugin时，如何避免生成的DLL包中包含重复的代码。DLL（Dynamic Link Library）打包是为了提高构建速度，它将常用的库预先打包成一个独立的文件，后续的...
简单使用webpack打包文件的实现
10-16
Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会递归地构建一个依赖图（dependency graph），其中包含...但这个基础教程足以帮助你开始使用 webpack 进行简单的文件打包。
使用webpack打包koa2 框架app
08-28
使用webpack打包koa2框架app 在使用koa2框架开发应用程序时，部署是一个非常重要的步骤。传统的部署方式是将src目录下的所有文件都复制到生产环境中，然后配置config文件，这样做的缺点是非常容易出问题，可能会...
Webpack打包慢问题的完美解决方法
08-31
主要给大家介绍了关于Webpack打包慢问题的完美解决方法，文中通过示例代码介绍的非常详细，相信对大家的学习或者工作能带来一定的帮助，需要的朋友们下面来一起看看吧。
详解如何使用webpack打包JS
10-18
主要介绍了详解如何使用webpack打包JS，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack打包常见报错解决方案
qq_28749759的博客
02-21 1354
学习过程问题总结
webpack打包字体图标报错的解决办法
weixin_30919235的博客
07-11 277
webpack打包字体图标需要两个加载器 url-loader 和 file-loader 另外 字体图标的引入方式 本来应该是 url("....") 这样的方式，但是webpack打包需要符合webpack的引用规则，首先路径需要为相对路径，另外不需要加双引号 还有一个问题，需要把相关的css文件直接在 main.js当中引入，通过在scss文件当中@import引入还是...
Webpack打包卡死问题解决
最新发布
doupoa的博客
04-07 162
Webpack打包卡死问题解决
webpack打包常见问题（webpack-dev-server）
无简介！！
08-30 2252
webpack使用 容易遇到的问题！
terser用于ES6的压缩JS工具
学习 记录 总结 分享
06-27 1263
uglify-es不再维护，uglify-js也不支持ES6+。terser是uglify-es的一个分支，主要保留了与uglify和uglify-js@3.
vue cil4 nginx terser-webpack-plugin打包优化
weixin_43123014的博客
11-02 6924
vue cil4 nginx 打包优化 项目介绍 最近项目结束，项目是vue的，vue版本是2.6.10，cil版本是4，webpack4,要部署在服务器上,用的是nginx，但是出现了一个严重的问题，首页加载需要40多秒！需要优化 1 关闭productionSourceMap module.exports = { productionSourceMap: false } 2 开启gzip 因为本项目中图片不是很多，所以之压缩了代码和字体。 const CompressionWebpackPl
webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();
aolie4568的博客
07-09 558
　　最近做项目的时候运用vue,webpack,在打包压缩的工程中，其他压缩都没有问题，但是最后生成的bundle.js文件确报错，虽然也可以运行，但是毕竟文件大小在那里放着； 　　开始我的解决方案是再写一个webpack.config.js专门配置打包上面已经打包失败的bundle.js；打包压缩完成后再替换掉，这样会很麻烦； 　　于是在网上找很多方法，都是说配置"presets"...
vite + webpack 对打包文件进行访问加密
04-25
比如说，Webpack可以使用Webpack Obfuscator或者UglifyJS等插件来进行代码混淆和加密；而Vite则可以通过设置generateManifest选项来控制是否生成manifest.json文件，从而避免客户端直接访问打包文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值