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

时间:2020-12-29 08:34:26
解决问题

解决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

执行命令完如图所示:
webpack4.0命令行模式下【不用配置文件】打包教程【傻瓜教程】

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