- 博客(4)
- 收藏
- 关注
原创 webpack入门到进阶(七)- devtool
webpack配置devtool此选项控制是否生成,以及如何生成 source map。一,为什么要控制source map的生成?我们在开发的过程中,难免会遇到项目运行的报错信息,我们习惯于经常打开控制台,找到报错的文件,查看报错区域内容,方便我们更好的开发项目,,因此sourceMap出现了,它就是为了解决不好调式代码问题的。二,选择何种source map格式呢?...
2019-06-27 15:12:49 723 6
原创 webpack入门到进阶(五) - loader介绍下篇
我们继续介绍几个常用的loader的使用以及作用;Babel介绍使用babel 是一个javascript编辑器。可以看下bable官网介绍:https://www.babeljs.cn/。我们如今在项目中往往都会使用ES6语法,如:箭头函数,class声明等等,但是低版本的浏览器并不兼容。我们使用webpack打包的时候,webpack也不能帮助我们直接做兼容转化,此时,我们就...
2019-06-24 10:32:51 301
原创 webpack入门到进阶(四) - loader介绍上篇
因为loader我想多分享几个,所以就分为上下两篇了。哈哈哈loaderloader 用于对模块的源代码进行转换。loader 可以使你在import或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为...
2019-06-21 10:57:22 459 8
原创 webpack入门到进阶(三)- devServer
devServer安装使用我们在上篇文章提及到:在webpack.config.js中配置watch:true,可以检测文件改变,进行打包。还有本篇文章介绍的devServer可以实现。本篇文章,我们介绍下devServer的安装配置,使用devServer进行项目开发。(更推荐使用devServer)devServer为你提供了一个简单的 web server,并且具有 live ...
2019-06-05 10:22:14 5020 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人