![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
_MadD
求战者安,求安者亡。
展开
-
10_webopack处理JS
loader就是为了处理文件plugin功能就比较强大了原创 2021-04-03 21:35:12 · 28 阅读 · 0 评论 -
9_图片+css压缩
图片引入压缩css文件原创 2021-04-03 20:24:59 · 33 阅读 · 0 评论 -
8_css配置
需要好几个index模板文件引入打包成的js的时候如果多模板情况引入的打包js文件也不同,可以用多入口文件配置多入口多出口引入css直接启动报错安装loader,配置文件可以改css输出路径css写前缀写兼容用load需要建一个这样的文件这个配置文件得手动自己创建,跟package.json同级目录...原创 2021-04-03 18:56:03 · 24 阅读 · 0 评论 -
6_webpack服务;7_devserver_before
6_webpack服务webpack.base.js文件里面是一些基础配置,需要把它引入到生产和开发配置文件中并合并,需要用到merge插件降版本(删除node_modules,改配置文件,重新下载)每当改完配置文件都要重启服务7_devserver_before后端是不存在跨域的也可以抽离出来...原创 2021-04-03 17:53:23 · 85 阅读 · 0 评论 -
5_分析打包文件
eval()方法把字符串变成表达式原创 2021-04-03 16:42:59 · 24 阅读 · 0 评论 -
2_webpack基础简介;3_webpack基础配置;4_webpack基础配置复习
2_webpack基础简介3_webpack基础配置mode:设置development打包生成的js文件没有压缩,设置production打包生成的js文件会压缩打包时候生成的文件名后加一个hash,有清缓存的作用生成的文件后缀加hash的话区分不清楚哪个是最新的,可以用这个插件清除以前生成的文件4_webpack基础配置复习...原创 2021-04-03 16:19:25 · 23 阅读 · 0 评论 -
1_模块化规范
出错无非三种情况:1.包丢了;2.版本问题;3.语法没用对作用:1.代码转换 less/sass/stylus —> css;ts —> js 高版本的JS语法转换成低版本的;2.代码压缩 HTML css js 压缩了3.代码分割 模块合并(模块化开发)4.热更新(局部修改跟新,跟自动刷新 两个概念)common.js规范,每个js文件都是一个单独的模块,node语法,得用node执行,如:esModule规范这样写需要解构...原创 2021-04-03 14:35:33 · 28 阅读 · 0 评论