webpack学习总结
原来是小柒
这个作者很懒,什么都没留下…
展开
-
webpack学习与总结(四)——webpack-dev-server搭建本地服务器/配置文件的分离
概述webpack提供了一个可选的本地开发服务器,这个本地开发服务器基于nodejs搭建,内部使用express框架,可实现我们想要的让浏览器自动刷新我们修改后的结果。本地服务器安装过程他是一个单独的模块,在webpack中使用之前需要先安装它npm install --save-dev webpack-dev-server@2.9.1devserver也是作用webpack中的一...原创 2020-04-27 21:50:41 · 246 阅读 · 0 评论 -
webpack学习与总结(三)-webpack使用vue的配置/plugin
概述在我们开发中,通常会使用vuejs来进行开发,而且会以特殊的文件来组织vue的组件,在此总结一下webpack中配置vuejs引入vuejs我们希望在项目中使用vuejs,那么必须需要其有所依赖,所以需要先进行安装npm install vue --save安装成功后,我们就可以在项目中引入vuejs,使用vuejs.在 index.html文件中,引入:完成以上操作后,我...原创 2020-04-27 09:09:41 · 481 阅读 · 0 评论 -
webpack学习与总结(二)——webpack.config.js/package.json的配置/loader
概述前面认识了webpack的基本使用过程,但是总觉得之前那种方法确实麻烦,我们每次进行项目打包是都必须输入文件的路径,显得非常的冗余和繁琐。那我们就必须考虑一种简单的方式:配置webpack.config.js文件入口和出口的配置过程在根目录下新建一个.js文件,文件命名为:webpack.config.js[此文件名称固定,不能随意更改]在新建好的.js文件中输入下列代码:con...原创 2020-04-25 17:41:03 · 434 阅读 · 0 评论 -
Webpack学习与总结(一)
概念官方给出的解释为:Webpack是一个现代的javaScript的应用的静态模块打包工具前端模块化在ES6之前,我们要想惊醒模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发,并且在模块化开发完成了项目以后,还需要处理模块化的各依赖,并且将其惊醒打包;而webpack其中的一个核心就是让我们可以进行模块化开发是,并且会帮助我们处理模块间的依赖关系,而且不仅仅是JavaScri...原创 2020-04-23 21:37:10 · 268 阅读 · 0 评论