![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
吴小花的博客
学如逆水行舟,不进则退。
展开
-
webpack项目中常用的配置信息
webpack官网https://webpack.docschina.org/concepts/1.webpack是什么?前端的项目构建工具,基于node.js开发的。也可以看做模块打包机(bundler),分析项目结构,找到javascript模块和其他浏览器不能直接运行的扩展语言,比如scss,typeScript。将其打包成合适的格式供浏览器用。2.为什么使用webpack?一、解决js和css的依赖问题 二、性能优化(文件合并,文件压缩) 三、提升开发效率(vendor前缀,单元测.原创 2020-09-01 14:59:57 · 822 阅读 · 0 评论 -
Webpack常见问题解读
1.前言Webpack 凭借强大的功能与良好的使用体验,已经成为目前最流行,社区最活跃的打包工具,是现代 Web 开发必须掌握的技能之一,因此每位紧跟时代的前端工程师都应该掌握 Webpack在 Web 应用变得庞大复杂时,采用直接操作 DOM 的方式去开发将会使代码变得复杂和难以维护,许多新思想被引入到网页开发中以减少开发难度、提升开发效率构建就是做这件事情,把源代码转换成发布到线上...原创 2020-09-10 11:12:09 · 334 阅读 · 0 评论 -
webpack的安装教程
要安装webpack首先要安装npm,npm在node的安装包中已经默认存在,所以我们只需要安装node,安装node去nodejs官网download,然后立即安装即可,注意自己选择的路径。1.检测npm是否安装成功如果在cmd运行框中输入npm -v 显示版本则表示npm已经装好2.设置npm的安装目录和缓存安装目录先设置安装目录,然后设置缓存安装目录,我这里安装在...原创 2020-02-13 21:44:56 · 912 阅读 · 0 评论