欢迎光临
我们一直在努力

打包工具

webpack Babel处理ES6语法

散人研阅读(193)评论(0)赞(1)

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

webpack source-map/webpack-dev-serve/HTM

散人研阅读(180)评论(0)赞(1)

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

webpack 核心概念plugin

散人研阅读(261)评论(0)赞(1)

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

webpack 核心概念loader

散人研阅读(138)评论(0)赞(0)

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

webpack 核心概念与基础配置

散人研阅读(179)评论(0)赞(0)

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