随笔分类 -  浅谈前端自动化配置

摘要:由于使用`--contentBase`指令的过程比较繁琐,需要指定启动的目录,同时还需要修改index.html中script标签的src属性,所以推荐使用`html-webpack-plugin`插件配置启动页面.1. 运行`cnpm i html-webpack-plugin --save-de 阅读全文
posted @ 2020-02-10 19:28 wangyfax 阅读(667) 评论(0) 推荐(0)
摘要:作为开发人员,我们在修改了代码之后,在vscode终端运行npm run dev指令后,希望它可以自动打开浏览器方便我们调试,有两种方式可以实现: 自动打开浏览器的两种方式: 方式一: 1、webpack-dev-server --open --port 3000 --contentBase src 阅读全文
posted @ 2020-02-10 18:36 wangyfax 阅读(6491) 评论(0) 推荐(0)
摘要:执行 cnpm run dev 报错: 解决方法: 现在使用webpack要同时安装webpack-cli这个包,才可以调用webpack和webpack-dev-server这些命令。 cnpm install webpack webpack-dev-server webpack-cli --sa 阅读全文
posted @ 2020-02-10 01:06 wangyfax 阅读(63124) 评论(0) 推荐(2)
摘要:1、NVM简介 我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的node版本进行试验和学习。这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,而nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换,而这个 阅读全文
posted @ 2019-05-19 11:51 wangyfax 阅读(274) 评论(0) 推荐(0)
摘要:一、Node环境 1、什么是Node? Node.js类似于jquery.js,不是js文件,也不是一个js框架,而是Server side JavaScript runTime,服务端的一个JS运行时;Node中只能运行ECMScript,无法使用BOM和DOM;目前我们的JS是运行在浏览器内核中 阅读全文
posted @ 2019-03-25 23:14 wangyfax 阅读(290) 评论(0) 推荐(0)