解决问题
解决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啦。