Webpack 安装和基本的工作流
打赏作者

墨生人

厉害哦,简单明了,虽然还没讲解深入,但是真的是很好的视频

JellyBool 回复 墨生人

感谢支持,等下我再更新两个视频。

liudong0763

老师,看你的视频里,安装了 Jquery之后,Node_module文件夹怎么突然就不见了

JellyBool 回复 liudong0763

这个是 phpstorm 默认 exclude 的,因为通常这个是不用索引的文件,所以就直接没得显示在 ide 里面

chenxin

哈哈!我上次就和你说了升级最新os系统screenflow就不兼容了!但是后来我找了好久才找到一个能用的破解版。

JellyBool 回复 chenxin

嗯哼,我更新到最新版就好了

chenxin 回复 JellyBool

是的!官网上面说了更新到最新版就可以了,人家做了兼容了!我找的也是最新版的破解版。。。

博闻慎思

太棒了,word哥

JellyBool 回复 博闻慎思

哈哈哈,感谢支持啊。

sunnirvana

已经将Language & Framework 中的Javascript 设置成EMCAScript6。
我的require有波浪线,表示语法找不到。还有什么需要改的吗?

JellyBool 回复 sunnirvana

你坚持一下你的 warning 的样式, command shift a ,搜 warning,应该就可以设置一些主题的样式,比如 warning,typo 等

sunnirvana 回复 JellyBool

我添加了一个叫CommonJSAutoComplete的plugin,暂时解决了这个问题

JellyBool 回复 sunnirvana

可以可以。。。

hweining

请问这是WebStorm还是哪一家的编辑器?

JellyBool 回复 hweining

我自己用的是 PhpStorm,都是 Jetbrains 家的。

Devil-MCry

open index.html 是怎么打开的页面的?

a359611223

确实给前端带来了很大的便利

嗨段段

怎么不能快进了呢?

wh9281

请问一下。我按照npm install webpack -g 安装了。进入目录用touch webpack.config.js提示不是内部命令

JellyBool 回复 wh9281

你去手动创建 webpack.config.js 这个文件就好了。

wh9281 回复 JellyBool

恩。我手动创建了,只是我想问问touch 命令 是因为我环境变量的原因不能使用么?应该如何添加呢

JellyBool 回复 wh9281

你用的是 Windows 么?touch 是类 *nix 系统都OK的吧

wh9281 回复 JellyBool

谢谢啦 大师傅。。可以了。

Augus

之前看了一遍、没有理解、实际结合几个项目之后、再来看一下、才真正了解到魅力之处。之前的都用错了。

JellyBool 回复 Augus

我个人都是从应用场景入手的

xiaoshen

jquery 被打包到bundle里面,页面引入bundle,不是全局的么?

Nixus

老师好!
去 webpack 官网看了一下,发现出了 2.x 了,在学习的过程中,应该使用 1.x 还是 2.x ?

JellyBool 回复 Nixus

2.x ,我个人是比较激进的。哈哈哈哈

Nixus 回复 JellyBool

老师,我在用 yarn
不过好像 yarn 并没有 npm 那么快
Fetching packages…之后的那一步,总是要等好久好久

JellyBool 回复 Nixus

没有吧。。其实 yarn 很快的。不过这种还是找一个梯子好

Ericxie

楼主,为什么我在运行 webpack js/entry.js bundle.js 时会提示错误呢?

➜  webpack-learning webpack js/entry.js bundle.js
Hash: 893c80547a0ead8afe05
Version: webpack 4.0.1
Time: 339ms
Built at: 3/4/2018 9:43:26 AM
 1 asset
Entrypoint main = main.js
   [0] ./js/module-two.js 26 bytes {0} [built]
   [1] ./js/module-one.js 26 bytes {0} [built]
   [2] ./js/entry.js 49 bytes {0} [built]
   [3] multi ./js/entry.js bundle.js 40 bytes {0} [built]

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in multi ./js/entry.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in '/Users/zhijiexie/Desktop/webpack-learning'
 @ multi ./js/entry.js bundle.js

@JellyBool

carsonlius 回复 Ericxie

同学 版本升级了
执行的时候 --mode development

Ericxie 回复 carsonlius

谢谢,之前怪不得出现错误

tywl5 回复 Ericxie

111122

zircon

Webpack 出4.1.1版本了,有很多变动,老师能不能抽空更新一下视频教程哇。

tywl5 回复 zircon

66666666

MyPuppet

webpack 4.x版本中生成 直接使用
webpack js/entry.js
会在目录下生成dist/main.js,在html中引入此js

tywl5 回复 MyPuppet

谢谢谢谢谢谢

tywl5

很棒的教程哦,好喜欢,支持

18yt

我安装的最新版本 按照老师的视频还是能跑通的