webpack
cvper
向前走,打破前方的迷雾.....
展开
-
webpack入门(一):在使用webpack之前应该会哪些东西?
(本篇教程仅适用于初学者,高手请绕道)学会了webpack之后再看webpack 觉得没什么难度,但是对于初学者来说,根本搞不明白这是个什么玩意儿。学习前端的同学可能在学完html css js 等内容之后,发现还有webpack这个东西,然后也想学习一下,但是发现很多教程自己都看不懂,webpack很难么?不是的,原因在于:如果你不知道node,也不知道 npm ,那么你学webpack可能是非...原创 2018-03-12 12:27:39 · 1198 阅读 · 0 评论 -
webpack入门(二):对 webpack 有一个简单的认识
如果你安装好了node开发环境,也学会了npm操作,那么下面就可以学习webpack了;webpack 就是一个工具,什么样的工具呢?我们一步步的来看: 首先我们打开 Gitbash , 这是一个命令行工具,你下载node的时候,不仅仅会下载node环境, 还会一并下载 npm 和 Gitbash; 我们打开Gitbash( 或者其它的也行):就是这个样子的; ...原创 2018-03-12 13:51:20 · 510 阅读 · 0 评论 -
webpack入门(三):webpack版本的选择
首先我们查看一下webpack的版本信息吧:现在已经更新到4.2.0版本了,理论上,我们可以选择任何一个版本,但是新的版本也不一定就是最好的选择,可能存在各种各样的问题,一旦出现了让人纠结的问题,解决麻烦还是挺浪费时间的,并且4.0以后的版本已经分离了webpack-cli ,所以目前,无论是学习还是开发项目,我们可以先选择之前较为稳定的版本,个人还是用的3.0的版本;当然了,新的版本还是要测试着...原创 2018-03-26 14:11:08 · 17848 阅读 · 0 评论 -
webpack入门(四):webpack打包 js 文件
我们首先知道webpack是处理 js 的工具,那么就不能处理 css 等其它文件了么?不是的,webpack可以通过 loader 处理很多类型的文件;我们之前简单的打包过一个js文件,这一次我们看看webpack是如何打包有多个依赖关系的 js 文件的;具体过程:第一步:全局安装webpack,使用 npm install webpack@3.9.0 -g 下载完成即可;第二步:我们新建...原创 2018-03-26 16:23:07 · 2052 阅读 · 0 评论 -
webpack入门(五):webpack.config.js
有的同学可能在学习webpack的时候看到项目目录里会有webpack.config.js 文件,那么,这个文件是干嘛的呢?在上一篇中,我们学会了如何打包 js 文件,再来回忆一下我们是如何打包的:我们使用了 webpack run1.js bundle.js 这个命令,意思是从run1.js 开始,把 run1.js 还有所有依赖的文件共同打包成一个 bundle.js 文件;但是除了上面的...原创 2018-03-27 10:04:56 · 1595 阅读 · 0 评论 -
webpack入门(六):webpack 打包 css文件
上一篇,我们说了使用webpack.config.js 来设置webpack,而且之前我们也了解了如何打包 js 文件,现在我们看看如何打包 .css文件:老规矩,一步步来:第一步:全局安装我们的webpack (有的人可能为什么不局部安装,因为得一步步来,后面会说到相关内容,现在就按我的顺序来就行) 接下来要安装两...原创 2018-03-27 18:52:43 · 2989 阅读 · 0 评论 -
webpack ents.js:161 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 127.0.0.1
在使用webpack 人更新的时候启动服务的情况下出现下面这样的情况:那么很有可能是端口的问题,所以可以在配置文件webpack.config.js中 修改端口 即可:下面是个人的配置:修改 port devServer:{ //设置基本目录结构 contentBase:path.resolve(__dirname,'dist'), //服务器的IP地址,可以使用IP也可以使用...原创 2018-04-29 15:19:46 · 383 阅读 · 0 评论