WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打来源gaodai#ma#com搞*代#码网包为合适的格式以供浏览器使用。
基于nodejs配置webpack：
1、安装nodejs环境，安装方法可以参考node环境怎么安装？
2、安装webpack和webpack-cli
cnpm install –save-dev webpack cnpm install –save-dev webpack-cli
这里的参数–save是要保存到package.json中，dev是在开发时使用这个包，而生产环境中不使用。
开发环境and生产环境：
开发环境：在开发时需要的环境，这里指在开发时需要依赖的包。
生产环境：程序开发完成，开始运行后的环境，这里指要使项目运行，所需要的依赖包。
npm install -d 就是 npm install –save-dev 安装到开发环境 例如 gulp ，babel，webpack 一般都是辅助工具
npm insatll -s 就是npm install –save 安装到生产环境 如 vue ,react 等
devDependencies：开发环境使用
dependencies：生产环境使用
例如：webpack，gulp等打包工具，这些都是我们开发阶段使用的，代码提交线上时，不需要这些工具，所以我们将它放入devDependencies即可。
但是像jquery这类插件库，是我们生产环境所使用的，所以如要放入dependencies，如果未将jquery安装到dependencies，那么项目就可能报错，无法运行，所以类似这种项目必须依赖的插件库，我们则必须打入dependencies中。
以上就是基于nodejs怎么配置webpack？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
转载请注明原文链接：基于nodejs怎么配置webpack？
