study webpack:..... 源码

webpack的五个核心概念 entry:指示webpack以其中文件作为入口起点开始打包,分析内置内部依赖图 输出:指示webpack打包后的资源包输出到哪里去,以及如何命名 loader:让webpack能够去处理那些非js文件(如css,html,img等),webpack本身只能理解js(js,json) 插件:插件可以用于执行范围更广的任务,插件的范围包括,从打包到优化和压缩,一直到重新定义环境中的变量等 模式:指示webpack使用相应模式模式的配置,webpack内置的两种模式如下: 选项 描述 特色 发展 启用process.env.NODE_ENV的值设置开发。启用 创造代码本地调试,运行的环境 生产 改善process.env.NODE_ENV的值设置为生产 创造代码优化,上线运行的环境 安装 npm install webpack webpack-cli -g npm