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

 时间有限,只能简单的描述一下,以后有时间会补充。

posted @ 2019-12-30 15:45  东方踏凌  阅读(211)  评论(0)    收藏  举报