摘要: 在webpack1或者webpack2版本中,若想在webpack环境中加载Json文件,则需要加载一个json-loader的loader进来的。但是在webpack3.x版本中,则不需要在另外引入了,也可使用Json。 下面以webpack3.x为例来说明在webpack中如何使用json。(主 阅读全文
posted @ 2018-12-21 22:45 WFaceBoss 阅读(1968) 评论(0) 推荐(0) 编辑
摘要: 工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图、开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片,而在打包时保留这些静态资源,直接打包到指定文件夹中。此时就需要使用到copy-webpack-plugin这个插件了。 copy-webpack-plugi 阅读全文
posted @ 2018-12-21 21:24 WFaceBoss 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 1.优化第一步--选用引入方式 在前面的学习中我们对于如何引入第三方类库(Jquery)推荐了两种方式,第一种是import引入的方式,第二种是ProvidePlugin插件。那两种引入方法有什么区别那? import引入方法:引用后不管你在代码中使用不使用该类库,都会把该类库打包起来,这样有时就会 阅读全文
posted @ 2018-12-21 20:00 WFaceBoss 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 在前面的学习中,我们一直使用webpack-dev-server充当(本地)服务器和完成打包任务,但是当出项目团队联合开发,共同使用一个服务器时,这时候我们需要实时进行打包以确保团队间能进行联调或者进行相关代码的合并工作时,每次保存后手动打包显然效率太低,我们需要的是代码发生变化后,只要保存,web 阅读全文
posted @ 2018-12-21 15:57 WFaceBoss 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 在日常的开发中,总避免不了引入第三方的框架,比如常用的JQuery,此节我们来学习一下如何优雅并正确的用webpack引入第三方库。 这里我们以第三方框架JQuery为例: 1、在入口文件中引入 1.1 安装JQuery 由于Jquery最终要在生产环境中使用,所以要使用–save进行安装。 1.2 阅读全文
posted @ 2018-12-21 14:07 WFaceBoss 阅读(685) 评论(0) 推荐(0) 编辑