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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
npm install webpack@1.13.2 -g
还是跟着老师的版本来回比较好点,用其他版本老师报错~~~~
讲的挺好,对理解webpack的配置项有帮助

最新回答 / Rengar_fh
loaders已经没有了,改成rules了,建议看下webpack的文档,里面有介绍

最新回答 / 某湘4066124
webpack4 确实会报错。要把js弄成inline的话,有另一个方法,需要一个插件 叫:html-webpack-inline-source-plugin,用来将静态资源inline注入。安装:
npm install html-webpack-inline-source-plugin --save-dev
在...
跟 webpack最新的版本几乎对不上了 推荐大家网上找最新版本的教程 (人家们都不管IE9了,你还在这费劲巴拉的兼容IE6,合适吗)
这一节有点复杂!
老师讲得很好,给个赞!
说不是webpack不是内部命令的因为webpack还需要全局安装,也就是装在nodejs的node_global中,命令是 npm install webpack -g
版本变化快,课中的有些内容需要大家对照着文档进行调整,挺费劲的

最新回答 / 慕仙5544163
应该是图片的原因吧,找一个大点的图。我的是880K的图,全屏背景图,压缩后,73K,画质基本没太大变化
在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内联。。。但是找不到,找到的回复我一下谢谢

最新回答 / Tanjia
webpack4.0以上版本必须使用rules  use

module: {
    rules: [
        {
            test: /\.js$/,
            use: [
                {
                    loader: '...

最新回答 / BoringLoser
webpack hello.js -o hello.bundle.jsPS: 你肯定用的是4.0.0以上版本
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消