
webpack
wopelo
这个作者很懒,什么都没留下…
展开
-
npm run dev退出后依旧占用端口
在使用webpack时(windows环境),如果在git bash here中启动npm run dev,想要停止服务,ctrl+c是不起作用的,这个时候只能通过任务管理器停止进程。如果用windows自带的cmd则可以通过ctrl+c停止服务原创 2017-10-29 17:09:50 · 11103 阅读 · 0 评论 -
Webpack Loaders
这篇博客主要介绍webpack中loader的使用,博客最后依然会有webpack.config.js实例,我的项目目录是这样子的 1.loaders的作用 通过使用不同的loader,webpack有能力调用外部的脚本或工具,实现对不同格式的文件的处理,比如说分析转换scss为css,或者把下一代的JS文件(ES6,ES7)转换为现代浏览器兼容的JS文件2.基本参数Loaders需要单独安装并原创 2017-10-21 17:06:33 · 951 阅读 · 0 评论 -
在vue+webpack中使用sass
在使用vue-cli等脚手架初始化项目之后,css-loader和vue-style-loader就默认装好了,如果我们要在vue组件中使用sass应该这么做呢? 首先需要安装node-sass和sass-loadernpm install node-sass --save-dev --no-optionalnpm install sass-loader --save-dev --no-opti原创 2017-10-31 15:09:30 · 2019 阅读 · 0 评论 -
在vue组件中使用axios
vue+webpack使用axios原创 2017-11-09 11:18:07 · 29205 阅读 · 0 评论 -
webpack入门
最近开始学习webpack的正确打开姿势,先总结一下webpack一些比较重要的入门配置,在博客的最后会有完整的webpack.config.js的栗子。1.什么是webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使原创 2017-10-18 13:46:13 · 398 阅读 · 0 评论 -
几种手动实现HMR的方式
1.前言众所周知,在webpack中使用模块热替换(HMR),能够使得应用在运行时,无需开发者重新npm run dev、刷新页面,便能更新更改的模块,并且将效果及时展示出来,这无疑极大的改善了前端同学们的生活。 当然,目前有许多脚手架——比如vue-cli、create-react-app等,通过这些脚手架,我们可以很轻松的搭建项目,而且这些脚手架自动为我们配置好了热更新功能,从此,我们再...原创 2018-06-09 14:29:35 · 12545 阅读 · 1 评论