请选择 进入手机版 | 继续访问电脑版

webpack打包以及遇到的Configuration file found but no entry configured.

[复制链接]
期待幸福 发表于 2021-1-1 18:30:00 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
首先清楚如下文件夹各自的作用:


  • dist文件夹:用于存放之后打包的文件
  • src文件夹:用于存放我们写的源文件
    main.js:项目的入口文件
    mathUtils.js:界说一些数学工具函数
  • index.html:欣赏器打开展示的首页html
一、webpack ./src/main.js ./dist/bundle.js


这里main.js为入口函数
打包方式:

二、webpack


1.执行 npm init


  • package.json:通过npm init生成的,npm包管理的文件。
之后会遇到:
之后一路回车即可。直到:

2.执行 npm install

3.在webpack.config.js中写入:

先说入口这里,按理说应该不需要写path.resolve,直接像我注释掉的那样写应该就可以了,但是它不讲道理,如果我不加path.resolve,就会出现如下问题:

出口的话,这里是__dirname,这是两个下划线。如果你跟我也是的,傻傻的写了一个_的话,会出现如下问题:

4.执行webpack
就完成打包了。


三、npm run build

1.在package.json文件中,写入:
2.执行 npm run build 即可。

四、增补

安装当地webpack

安装乐成后:会多出这些东西

之后再执行:npm run build 也是可以的
这样它用的就是当地的webpack了,更安全


  • package.js中的script的脚本在运行时,会按照一定的顺序寻找下令对应的位置。
    首先,会寻找当地的node_modules/.bin路径中对应的下令。
    如果没找到,会去全局的情况变量中寻找。
这是我第一天学习webpack的打包方法,以及遇到的问题和对应的解决办法,希望对你有所资助哟!
好啦,内容就是这些,如有问题欢迎加入Web前端交换QQ群:827389615,一起讨论学习吖!

来源:https://blog.csdn.net/qq_46071321/article/details/111998835
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )