webpack4系列教程,如何修改js调试的sourcemap模式发布于2020年05月15日 webpack 大家都知道,webpack打包过的.js文件都是被压缩甚至混淆过的。所以,在浏览器里面,如果想调试这些.js文件的话,会变得非常困难。一般业界解决这个问题的办法,就是设置sourcemap。也就是一种方便调试的设置... 阅读更多
webpack4系列教程,如何自建服务器dev-server?发布于2020年05月14日 webpack 苏南大叔继续描述webpack4系列教程,默认仅仅支持.js的webpack,在支持了html模板之后,就具有了网站的小雏形。这个时候,就引入了一个服务器dev-server的概念。可以实时在线浏览这些html文件... 阅读更多
webpack4系列教程,webpack如何开启watch模式?发布于2020年05月13日 webpack 本文是一篇水文,说的其实就是webpack命令的--watch模式,一秒秒懂,大家快速带过即可。测试环境:mac、node@14.2.0、npm@6.14.4、webpack@4.43.0。方案一:增加--watc... 阅读更多
webpack4系列教程,如何及时清空无用历史冗余构建?发布于2020年05月12日 webpack 在多次执行webpack命令之后,在dist目录下面就会有多次构建的版本,可能会有大量冗余文件存在。这里有一个webpack的插件clean-webpack-plugin,用于解决这个问题。本文测试环境:mac、n... 阅读更多
webpack4系列教程,如何编写html插件的模板代码? 发布于2020年05月11日 webpack 苏南大叔说到,在webpack中最基础的是处理.js的,在上一篇文章中,又引入了html模板插件的概念。心细的读者可能会发现了,在webpack.config.js中,使用html-webpack-plugin的时... 阅读更多