webpack

说明：本示例是基于webpack：4.x，babel-loader：8.x，@babel/core：7.x 版本。

使用之前需要在项目中安装相关组件：

npm install -D babel-loader @babel/core @babel/preset-env

备注：-D 即： --save-dev 写入 devDependencies 下。

webpack.config.js 示例文件如下：

问题重现：

1. 首先创建一个webpack-app的目录。
2. 进入webpack-app的目录，通过npm init 创建一个package.json文件。
3. 安装webpack、webpack-cli：
   npm install webpack webpack-cli --save-dev
4. 创建一个app.js文件，里面写一些测试代码：
   alert("test");
5. 执行命令：
   webpack app.js bundle.js
   出现报错：
   ERROR in multi ./app.js bundle.js
   Module not found: Error: Can't resolve 'bundle.js' in '/Users/longma/Desktop/work/webpack_app'
    @ multi ./app.js bundle.js main[1]

解决办法：