随笔分类 -  webpack

webpack学习笔记
摘要：工具的出现是为了解决问题 1.构建工具-webpack（静态模块打包器） 2.html文件引入less文件，浏览器不识别； 3.浏览器不支持es6以上新语法（es6引入js模块化开发） 4.webpack入口文件index.js >根据入口文件形成依赖关系 >引入依赖形成代码块chunk >每个ch 阅读全文
posted @ 2021-12-27 17:40 前端李淳罡 阅读(54) 评论(0) 推荐(0)
webpack处理css文件
摘要：如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 CSS 文件，然后找到 url() 表达式然后处理他们，style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中 阅读全文
posted @ 2021-10-25 13:51 前端李淳罡 阅读(52) 评论(0) 推荐(0)
webpack打包图片资源
摘要：npm i url-loader file-loader -d url-loader依赖于file-loader 上面两loader用于处理图片链接，html-loader处理html内嵌img： npm i html-loader -d 阅读全文
posted @ 2021-08-08 13:41 前端李淳罡 阅读(97) 评论(0) 推荐(0)
webpack打包html资源
摘要：npm i html-webpack-plugin -d 阅读全文
posted @ 2021-08-06 17:15 前端李淳罡 阅读(31) 评论(0) 推荐(0)
webpack五大概念
摘要：1.entry 入口指示，从次入口开始打包，分析构建内部依赖图。 2.output 打包后的资源输出路径以及如何命名。 3.loader loader让webpack能够去处理那些非js文件（webpack自身只理解javascript） 4.plugins 插件（plugins）可以用于执行范围更 阅读全文
posted @ 2021-08-06 14:42 前端李淳罡 阅读(45) 评论(0) 推荐(0)
webpack
摘要：简介： Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 全局安装： npm -g webpack webpack-cli webpack -w 实时监听 初始化项目： npm init -y webpack文件配置- 阅读全文
posted @ 2021-08-06 09:35 前端李淳罡 阅读(71) 评论(0) 推荐(0)