这两天想学一下webpack,搜了一下,感觉这篇文章不错:《入门Webpack,看这篇就够了》,就照着上面做。
下面记录我遇到的几个不同的地方:
1. 安装webpack-cli
文中提到可以使用配置文件来使用Webpack,当我执行npm start时提醒需要安装webpack-cli,yes安装就是了:
这里提一点,当npm安装一些模块时,它会自动被加到package.json的devDependencies中,这个我后来才发现:
2. babel的一些版本依赖问题
这个问题困扰了我半天,报了很多错,比如:Error: Cannot find module '@babel/core'。
可能是这篇文章比较久远了,而babel更新了不少,所以我按文章说的去安装时,折腾了很久都没有成功,这里说一下我的安装方法,从文中“Babel的安装与配置”说起:
npm install -D @babel/core
npm install -D babel-loader
npm install -D @babel/preset-env
npm install -D @babel/preset-react
npm install --save-dev react
npm install --save-dev react-dom
最后我的devDependencies是这样的:
然后就可以成功npm start了。
后面的“Babel的配置”还没看。