![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 64
ccxCode
这个作者很懒,什么都没留下…
展开
-
webpack之多页面应用打包
多页面应用(MPA)概念每⼀次⻚⾯跳转的时候,后台服务器都会给返回⼀个新的 html ⽂档,这种类型的⽹站就是多⻚⽹站,也叫做多⻚应⽤。多页面打包思路每个页面对应一个entry,一个html-webpack-plugin需要解决避免每次新增或删除页面都要修改webpack配置使用glob模块,用它可以查找符合特定规则的文件路径名webpack中写入这段核心代码能够实现自动化添加或删除页面的功能,但是需要文件目录需要保持一定规律。如:{index: ‘d:/code/webpack/my-原创 2021-07-18 00:47:11 · 583 阅读 · 0 评论 -
静态资源内联
HTML 和 JS内联代码层面页面框架的初始化脚本css内联避免页面闪动请求层面:减少HTTP网络请求数⼩图⽚或者字体内联 (url-loader)html-webpack-plugin使用的是ejs模板引擎<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2021-07-17 23:53:59 · 140 阅读 · 1 评论 -
webpack之css样式增强
css 前缀补齐安装插件postcss-loader、autoprefixerwebpack中添加配置{ test: /\.less$/, use: [ MiniCssExtractPlugin.loader, 'css-loader', 'less-loader', { loader: 'postcss-loader', options: { plugins: () => [ requi原创 2021-07-17 16:33:30 · 124 阅读 · 0 评论 -
webpack的基本使用
概念webpack概念请移步阅读官网loader解析不同文件类型解析txtmodule: { rules: [ { test: /\.txt$/, use: 'raw-loader' }}解析es6和react jsxmodule: { rules: [ { test: /\.js$/, use: 'babel-loader' },}babel的配置⽂件是:.babelrc,需要安装的依赖如下原创 2021-07-17 00:59:32 · 115 阅读 · 0 评论