
Webpack
Webpack
Sparks67
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【Webpack-2】loader 和 plugin 的区别是什么?
不同的作用Loader直译为"加载器"。Webpack将一切文件视为模块,但是webpack原生是只能解析js文件,如果想将其他文件也打包的话,就会用到loader。 所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。Plugin直译为"插件"。Plugin可以扩展webpack的功能,让webpack具有更多的灵活性。 在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输原创 2020-10-08 18:07:15 · 553 阅读 · 0 评论 -
【Webpack-1】常见 loader 和 plugin
常用Loader:babel-loader:把 ES6 转换成 ES5eslint-loader:检查代码格式加载scc:style-loader、css-loader、less-loader加载图片:file-loader 、url-loader常用pluginhtml-webpack-plugin可以根据模板自动生成html代码,并自动引用css和js文件clean-wenpack-plugin 会在打包之前将我们指定的文件夹清空应用场景每次打包前将dist目录清空, 然后再存放新打包的原创 2020-10-08 18:05:45 · 239 阅读 · 1 评论 -
【工具】怎么从 iconfont 挑选图标下来用?(symbol引用方式流程)
步骤:(4、5步可不做,属于锦上添花)在 iconfont搜到要用的图标,鼠标悬浮上去,点第一个购物车,添加入库 你要的几个都添加进去以后,点击右上角的购物车图标,→ “添加至项目” 点右边的加号,新建一个项目,输入项目名称,确定 更多操作→编辑项目→把前缀改成 i-(这样后面可以少写点字),并且,Font Family,换一个名字(因为最好不要用默认的) 然后,点 编辑图...原创 2019-03-02 18:50:12 · 2485 阅读 · 0 评论 -
【工具】命令行常用技巧
~ 波浪线 就是 用户目录 的意思cd ~/Documents/ // 进入 我的文档start . // 打开文件夹pwd // 显示当前路径cd ~/Desktop //进入桌面touch ~/.bashrc //摸一下 bashrc,如果它已经存在就没什么作用,如果没有就会创建一个bashrcvim ~/.bashrcsource ~/.bashrc //...原创 2019-03-26 14:13:01 · 283 阅读 · 0 评论 -
【编辑器】vscode 的配置,WebStorm使用总结
进入快捷键设置的界面:ctrl+K ctrl+S 将格式化文件的快捷键绑定到自己喜欢的按键(我用的是 ctrl+L)万能键:ctrl+shift+p 学会 emmet (多处同时编辑:按住 alt 再点击;写 css 可以:属性名的开头字母:属性值的开头字母,快速输入) 检查拼写错误的插件:Code Spell Checker小知识:由于 username 单词在代...原创 2019-04-21 21:08:14 · 1063 阅读 · 0 评论 -
【工具】熟悉一下 ubuntu
ubuntu 有 Linux 的所有功能 ubuntu 跟 windows 的文件系统,是两个系统,他们是隔离的 ubuntu命令行功能大概是 git bash 的10倍 alias 是一个非常高级的命令,随心所欲,为所欲为更新和安全→开发者选项→开发人员模式 应用和功能→程序和功能→启用或关闭 window 功能→适用于 Linux 的 Windows 子系统 应用商店里下载...原创 2019-04-19 23:09:14 · 181 阅读 · 0 评论