打包工具

2020-09-15散人研阅读(70)评论(0)赞(0)

通过Babel可以处理ES6语法，将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...

2020-09-15散人研阅读(89)评论(0)赞(1)

devtool 配置 source-map 当打包完成并运行的时候报错了，但我们很难找到错误出在哪里，是不是很烦？使用devtool配置source-map可以解决该问题。配置好后，当我们代码出问题时，会把报错映射到原文件目录下的错误，这样...

2020-09-15散人研阅读(128)评论(0)赞(1)

Plugin Plugins，即插件。通过plugins可以在webpack运行到某个时刻的时候，帮我们做一些事情。 HtmlWebpackPlugin HtmlWebpackPlugin可以为我们生成一个HTML文件，并将打包好的JS文件...

2020-09-15散人研阅读(76)评论(0)赞(0)

loader 简介 loader是一种打包方案。webpack默认只能识别和打包JS文件，对于诸如CSS/Sass/字体图标等其他文件需要借助loader。 loader 配置 我们可以在webpack.config.js中进行loader...

2020-09-15散人研阅读(115)评论(0)赞(0)

webpack核心概念 entry： webpack开始构建的入口文件 output： 设置输出文件名称及输出文件目录 loaders： 把非JS文件解析成webpack能够处理的文件 plugins： 常用于优化，提取精华，压缩处理等，对...

2020-09-05散人研阅读(42)评论(0)赞(0)

gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成 Gulp的核心概念：流 流，简单来说就是建立在面向对象基础上的一种抽象的处理数据...

2020-09-03散人研阅读(50)评论(0)赞(0)

WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发...