webpack4.0命令行模式下【不用配置文件】打包教程【傻瓜教程】

解决问题

解决webpack4.0默认是从src目录下寻找index.js然后输出到dist目录中的main.js。很多同学用命令行在这里会踩很多坑。今天我来彻底解决这个问题。很简单。

初始化

• 新建一个目录

mkdir wpdemo

• 进入目录，然后新建入口文件和依赖文件

touch app.js
touch sum.js

上面我用的是linux命令生成目录和文件，小伙伴可以直接在编辑器里生成文件和目录。

---

下面来编写一个demo演示

• app.js内容如下

import sum from './sum'
console.log('sum(23, 24) = ', sum(23, 24))

• sum.js内容如下

export default function(a, b) {
  return a + b;
}

然后在控制台中[注意是在wpdemo目录下]，执行一下命令

webpack app.js -o build.min.js --mode development

执行命令完如图所示:

就可以在wpdemo下生成输出文件build.js啦。