Webpack
文章平均质量分 84
代码小草
这个作者很懒,什么都没留下…
展开
-
webpack5.0配置 填坑记
HtmlWebpackPlugin 在配置时需要特别注意 template属性的配置,建议使用默认配置,可以在filename配置时更改index.html文件的存放位置 webpack5.0中会自动生成 .LICENSE.txt后缀的文件,但是这个文件对我们来说其实是没什么意义的。如下图:是因为 Webpack 5.0 默认压缩代码工具为terser-webpack-plugin,该工具默认会生成 LICENSE.txt 文件。解决:npm install terser-webpack-plu原创 2021-03-25 11:49:56 · 558 阅读 · 0 评论 -
webpack5.0 + React17.0从零开始构建项目(持续更新中)
准备工作前端开发node环境是必不可少的,如果你还没安装node环境,请先安装node,最新稳定版本。安装教程自行百度(PS: 一搜一大把)两大必备利器:webpack:本质上,是一个用于现代 JavaScript 应用程序的_静态模块打包工具_。当 webpack 处理应用程序时,它会在内部构建一个依赖图(dependency graph),此依赖图对应映射到项目所需的每个模块,并生成一个或多个bundle。 babel: 是一个javaScript编译器。是一个工具链,主要用于将...原创 2021-03-22 23:15:08 · 927 阅读 · 0 评论 -
webpack认知(学习笔记)
首先webpack是现阶段前端广为流传的一个打包工具!webpack认为一切都是模块!话不多说,放图:那么,既然是打包,总的先知道从哪开始也就是入口,即配置项 entry,有入口就有出口,即配置项 output而对于非代码的东东。比如说图片,字体等webpack也会将其根据依赖关系不断的加入到依赖树中,进行打包。entry的用法1. 单入口:entry是一个字符串(单页应用)module.exports = { entry: './src/index.js'}原创 2021-03-18 21:43:33 · 285 阅读 · 0 评论