新手使用webpack,webpack-dev-server的一些技巧

新手使用webpack,webpack-dev-server的一些技巧


目前webpack更新到了4.X,5.x的预发行版也出了,其实有个槽点就是webpack的4.x和3.x的npm命令的区别还是很大的,小伙伴在是一定的时候一定好看清楚你的webpack 的版本是多少。(使用webpack -s查看的前提是你装的是全局的webpack。)

使用webpack-dev-server的时候,要检查一下你的package.json。
在这里插入图片描述
使用npm run dev的 时候要注意:
如果你的scripts节点里面没有webpack-dev-server的相关代码,可以手动加上。

如果报了一个错是module里找不到webpack的话,你就要在你的项目里面再装一次webpack.
还有就是webpack的版本和webpack-dev-server的版本对应不起来的话,也是会报错的。

我用的webpack3.8.1可以对应webpack-dev-server2.4.0

版本的对应的话,可以去
https://www.npmjs.com/package/webpack
https://www.npmjs.com/package/webpack-dev-server

新手使用webpack,webpack-dev-server的一些技巧_第1张图片
如果是差不多时间发的话,应该是能对上的。

你可能感兴趣的:(webpack)