为了账号安全,请及时绑定邮箱和手机立即绑定

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
1:我用的webpack 4.8.1运行webpack hello.js hello.bundle.js的时候提示错误,如下:
ERROR in multi ./hello.js hello.bundle.js
Module not found: Error: Can't resolve 'hello.bundle.js' in 'D:\learingFile\webpackLearning\day01'
@ multi ./hello.js hello.bundle.js

猜测可能是webpack的解析机制改了,把后面那个参数认为是一个模块,需要npm来安装这个模块导致的。
如果提示API不对的话可能也是版本问题。最新版本的module引入loader的方式为:rules而非loaders。module:{
rules:[
{
test:/\.js$/,
loader:'babel-loader'
}
]
}

可以尝试是否有效
这是webpack1.x的教程呐,webpack4.x使用配置已经有了很大的变化了。看一下原理讲解就好
webpack 4.x版本
# npm install -g webpack webpack-cli
#webpack --mode development hello.js
生成的文件在dist目录下

最新回答 / xdolphin
<...图片...>我猜测,你是没有配置 mode 属性,webpack4, 也就是当前最新版本,mode 属性不配置的话,默认是 production, 这种模式下会使用 UglifyJsPlugin。你这样问问题,不好找原因啊,你最好把配置文件发一下,package.json, webpack.config.js 文件,运行时的指令,这样才好找原因。
webpack4 以后默认 entry 为 src/index.js,默认 output 为 dist/main.js ,不然会报ERROR in Entry module not found: Error: Can&#039;t resolve 我就是这样试过
视频里面用的webpack版本是1.X,而现在的最新版本是4.X了,晕死,这个估计坑了好多人。
各位童鞋,大家在执行weibpack hello.js hello.bundle.js命令时,应该会报错吧,因为现在的webpack版本已经到了4.X了,而视频教程用的版本确是3.X,所以会报错,具体解决方案,请看https://blog.csdn.net/u012443286/article/details/79504289

最赞回答 / 蓓岑2015
因为现在的webpack版本已经到了4.X了,而视频教程用的版本确是3.X,所以会报错,具体解决方案,请看https://blog.csdn.net/u012443286/article/details/79504289
在module.exports中添加context与不添加context相比,使用context的解析时间会大大缩短
1.安装了相应插件2.配置文件中设置module:{rules:[ {test:&#039;/\.less$/&#039;,use:[{loader:&#039;style-loader&#039;},{loader:&#039;css-loader&#039;}, {loader:&#039;less-loader&#039;} ]}]}3.还是报错,说找不到Loader。ERROR in ./src/style.lessModule parse failed: Unexpected token (1:4)You may need an appropriate loader to handle this file type.
回复 qq_笑尘_0,生成的html在 dist/js这个目录里面。
讲师不必要专职,完全可以兼职,讲师在哪就职、有没有别的收入不重要,只要保证课程进度就可以,这样可以节省建慕课网的成本了。
坚持 改进 坚持 象是在编代码遇到坑一样,要想法摆脱困境,继续向前!!!!!!
慕课网做的很好,我很看好这个网站,里面讲师很专业,讲的很系统,很有条理,能及时更新就更好了。
前进的路上一定有困难,但一定要坚持!!!!
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消