随笔分类 -  webpack

摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包 html 资源 一、打包 html文件的核心配置 // webpack.config.js webpack的配置文件 // 路径: ./webp 阅读全文
posted @ 2023-08-20 23:55 Eword 阅读(164) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包图片资源 一、打包图片的核心配置 // loader的配置 module: { rules: [ //打包 css 文件的详细loader配置 { 阅读全文
posted @ 2023-08-20 23:54 Eword 阅读(161) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack打包样式资源 一、创建html文件、 css 文件或 less 文件 <!-- 文件路径 ./src/index.html --> <!DOCTYPE 阅读全文
posted @ 2023-08-20 23:52 Eword 阅读(47) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack开发环境基本配置 直接上webpack的配置文件webpack.config.js 这里增加了自定义js、imgs、media等目录。 各类型资源的配 阅读全文
posted @ 2023-08-20 23:51 Eword 阅读(92) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack 五大核心概念 一、Entry 入口(Entry)指示Webpack以哪个文件为入口起点开始打包,分析构建内部依赖图。 二、Output 输出(Out 阅读全文
posted @ 2023-08-20 23:49 Eword 阅读(32) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack 是什么 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 从图中我 阅读全文
posted @ 2023-08-20 23:48 Eword 阅读(529) 评论(0) 推荐(0)
摘要:转载请注明 来源:http://www.eword.name/ Author:eword Email:eword@eword.name webpack4.X学习笔记专题目录 webpack专题目录 webpack 学习笔记(所使用的包版本信息) webpack 是什么 webpack 五大核心概念 阅读全文
posted @ 2023-08-20 23:43 Eword 阅读(46) 评论(0) 推荐(0)
摘要:学习笔记所使用的版本信息 学习笔记用到的npm包版本信息 nodejs@v16.14.0 webpack@4.41.6 webpack-cli@3.3.11 style-loader@1.1.3 css-loader@3.4.2 less-loader@5.0.0 less@3.11.1 html- 阅读全文
posted @ 2023-08-20 23:40 Eword 阅读(467) 评论(0) 推荐(0)
摘要:webpack 资源打包详解 一、webpack 五大核心概念 1.1、Entry 入口(Entry)指示Webpack以哪个文件为入口起点开始打包,分析构建内部依赖图。 1.2、Output 输出(Output)指示Webpack打包后的资源bundles输出到哪里去,以及如何命名。 1.3、Lo 阅读全文
posted @ 2021-06-27 22:34 Eword 阅读(236) 评论(0) 推荐(0)