前端工程化
文章平均质量分 91
学习前端工程化工具的笔记
孤城浪人
正在前端路上摸爬滚打的菜鸟
展开
-
webpack基础配置详解
文章目录前言entry(入口)output(输出)publicPathchunkFilenamelibrary总结前言entry(入口)入口起点有一下三种方式配置const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', // entry: ['./src/index.js'原创 2022-05-06 13:04:45 · 527 阅读 · 0 评论 -
webpack初体验:生产环境配置
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言css打包css文件成单独文件css兼容性处理压缩cssJavaScriptJavaScript语法检查兼容性处理压缩HTML压缩总结前言例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。css打包css文件成单独文件webpack.config.jsconst { resolve } = require('path');const Htm.原创 2022-05-01 10:43:04 · 96 阅读 · 0 评论 -
webpack初体验:开发环境搭建
文章目录前言webpack是什么webpack五个核心概念项目初始化打包样式资源打包HTML文件打包图片资源这里有两个地方需要注意打包其它资源文件配置devServe总结:完整的开发环境配置前言最近在学习webpack,此贴来记录一下。webpack是什么webpack是一种前端资源构建工具,一个静态模块打包器(module bundler)。在 webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对原创 2022-04-26 17:39:32 · 355 阅读 · 0 评论 -
webpack再体验:性能优化
文章目录前言一、HMR(模块热加载)二、source_map开发环境配置生产环境配置三、oneOf总结前言webpack基本使用咱们已经会了,现在咱们一起来聊聊如何提升其性能。一、HMR(模块热加载)当我们在打包文件的时候发现,只修改一个模块中的小部分内容也会整个全部重新打包,那么假如我们的项目中有一万个模块,我们只修改了其中一个模块中的内容,完全没有必要全部重新打包,只重新打包这一个模块就好了,这就是我们所说的热加载。样式文件:可以使用HMR功能:因为style-loader内部实现了原创 2022-05-06 13:05:13 · 152 阅读 · 0 评论