如何深入解析webpack最简打包输出的详细结果？

本文共计1202个文字，预计阅读时间需要5分钟。

现在的webpack不再是入门噩梦，过去webpack让人心烦的莫过于配置文件，而webpack4带来的则是无需配置的webpack。使用webpack4，至少只需要安装webpack和webpack-cli。因此，大家完全可用上它。

现在的 webpack 不再是入门噩梦,过去 webpack 最让人心塞的莫过于配置文件，而 webpack4 诞生随之而来的是无配置 webpack。

使用 webpack4，至少只需要安装 webpack 和 webpack cli。所以大家完全可以自己打一个最简单的包，还能修改插件对比前后的区别。

npm i webpack webpack-cli -D 安装后，因为 webpack4 会默认 src 为入口目录，所以先新建 src/index.js。

// src/index.js import { sth } from './shouldImport' import other from './shouldImport' let test = 'this is a variable' export default { a: test + ',' + sth, other, }

为了更了解 webpack 导入机制所以再新建 src/shouldImport.js。