webpack学习笔记1：Error: Cannot find module '@babel/core'

这两天想学一下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的配置”还没看。