webpack打包小结
前提:使用node.js环境,新建webpack打包目录。
步骤:1、使用node环境新建webpack文件目录,可分为build文件和config文件。
2、 config文件夹包含 index.js \dev.env.js\prod.env.js(主要针对后端接口数据对接路径)。
index.js主要包含 dev开发环境(接口代理)和build生产环境配置具体配置参考(https://www.cnblogs.com/ye-hcj/p/7077796.html)
3、build文件下有builds.js\webpack.base.conf.js\webpack.dev.conf.js\webpack.prod.conf.js等几个文件
(1)最主要的是webpack.base.conf.js 就是打包配置的入口具体分为多个模块。主要有输入(entry)输出(output)resolve、module(主要有分模 块打包的具体配置)、plugins(插件使用引入入口)具体查看:https://www.webpackjs.com/concepts/
(2)webpack.dev.conf.js 开发环境的配置,主要是mock数据配置(前段自己写后端返回数据)参考:https://www.jianshu.com/p/3f22252e4ec6
(3)webpack.prod.conf.js 生产环境配置,主要有输入(entry)输出(output)resolve、module(主要有分模 块打包的具体配置)、plugins(插件使用引入入口)
(4)builds.js 具体都看:https://blog.csdn.net/marendu/article/details/92641876
时间有限,只能简单的描述一下,以后有时间会补充。

浙公网安备 33010602011771号