W先生

Entry 用来指定 webpack 的打包入口 webpack是一个模块打包器，对于代码资源或者非代码资源都会当成一个个的模块，对于模块之间的依赖，通过Entry，去寻找依赖之间的关系，从而形成一颗依赖树，然后生成打包的资源。 Entry的用法 单入口 （ entry是一个字符串） module.exports = { entry: './path/entry/file.js' } 入口只有一个或者单页应用 多入口 ( entry是一个对象) module.exports = {

一个超级简单的例子 新建一个webpack配置文件 文件： webpack.config.js const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js' }, mode: 'production' }; 创建

为什么需要构建工具 转换ES6/ES7语法 转换JSX CSS前缀补全/预处理器 压缩混淆代码 图片压缩 上面的操作都需要使用构建工具来完成 为什么选择webpack 社区生态丰富 配置灵活 支持插件化扩展 官方更新迭代速度快（接近于一年一个大版本） webpack 的配置文件 默认的配置文件： webpack.config.js 指定配置文件：webpack --config 指定配置文件文件名称 对不同的环境指定不通的配置文件 简单的webpack组成 module.exports =