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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
老师太牛逼了,这么多命令直接手敲,屌炸天
webpack4.5了,跟着跟着就炸了
webpack版本已经到了4.X,所以这教程内容有很多版本问题,踩到坑的同学可以参考下面的文章:
https://blog.csdn.net/u012443286/article/details/79504289
安装完html-webpack-plugin后,设置完配置文件,报错
G:\myProject\webpack-test1\node_modules\html-webpack-plugin\index.js:331
.then(([size, source]) => {
^
无效的配置对象。Webpack已经被初始化,使用的配置对象与API模式不匹配。
npm install webpack@1.13.2 -g
还是跟着老师的版本来回比较好点,用其他版本老师报错~~~~
讲的挺好,对理解webpack的配置项有帮助
跟 webpack最新的版本几乎对不上了 推荐大家网上找最新版本的教程 (人家们都不管IE9了,你还在这费劲巴拉的兼容IE6,合适吗)
这一节有点复杂!
老师讲得很好,给个赞!
说不是webpack不是内部命令的因为webpack还需要全局安装,也就是装在nodejs的node_global中,命令是 npm install webpack -g
版本变化快,课中的有些内容需要大家对照着文档进行调整,挺费劲的
在windows7系统中,如果要在命令行中运行webpack,需要做一下几步:
1. npm i webpack -g ; (全局安装webpack)
2. npm i webpack -D ;
3. npm i webpack-cli -g ; (全局安装webpack-cli)
4. npm i webpack-cli -D ;

之后应该就可以运行webpack命令了,但后续可能还会有坑~
现在可以用html-webpack-inline-source-plugin插件了,很方便。
只需要加一句:inlineSource: '.(js|css)$' 匹配用的是正则。

//inlineSource: '.(js|css)$' // 所有js和css都变成内联。。。但不能某些内联,某些不内联
我尝试找方法 实现 某个js内联。。。但是找不到,找到的回复我一下谢谢
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消