webpack
文章平均质量分 76
奔跑的飞牛
热爱前端和算法的学者
展开
-
Webpack的开始--安装和使用
webpack简介本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。简单来说就是把多个同类型的文件打包成一个文件!webpack是...原创 2018-09-28 11:06:54 · 583 阅读 · 0 评论 -
Webpack——html-webpack-plugin 插件
安装插件html-webpack-plugin插件这是一个webpack插件,可以简化HTML文件的创建,为您的webpack捆绑服务提供服务。这对于webpack包含文件名中包含哈希值的bundle 来说尤其有用,它会更改每个编译。您可以让插件为您生成HTML文件,使用lodash模板提供您自己的模板或使用您自己的加载器。在开发时使用插件npm i -D html-webpack...原创 2018-10-15 10:38:55 · 33634 阅读 · 0 评论 -
Webpack——ES6转ES5
万恶的IE遗臭万年仍然需要填坑ie标准对html/css甚至js的规范简直相差甚远,所以,一般要解决的兼容问题很大一部分是为了解决ie的不兼容,虽然目前流行的ES6语法及规范将IE的考虑抛弃掉,默认放弃对IE的治疗,但是IE的兼容仍然是个问题!即使IE的使用率已经不到1%的市场占比。我们使用着舒服的ES6规范但是为IE又很头疼怎么办呢?Webpack开发了非常厉害的打包转换功能:转ES5!...原创 2018-10-15 17:14:13 · 14074 阅读 · 2 评论 -
Webpack——CSS打包,CSS、SASS处理
处理style文件话说html都打包过去了,js也打包过去了,新的html文件和js产生,如果更换了存储文件夹(一般都会),那么这些打包生成的文件对于资源的引入就会产生错误,那么我们css文件也需要重新处理过,避免路径但不限于的错误;安装相关工具模块css-loader style-loader#-D = --save-dev 放在前面后面都无所谓npm i -D css-loa...原创 2018-10-15 18:41:14 · 2575 阅读 · 0 评论 -
强大的webpack-dev-server
万能本地运行环境webpack-dev-server是一个用来快速搭建本地运行环境的工具。命令简单webpack-dev-server或配置命令脚本快捷运行。使用情况:解决本地运行跨域很多框架使用时其实是用了ajax的请求的,在本地运行时会发生跨域请求(啊擦嘞,我只是在html里引入一个js文件还能跨域?没错,就是这么神奇!!!)模拟服务器运行情况,进行上线前调试等。环境...原创 2018-10-24 10:52:36 · 14560 阅读 · 0 评论