Webpack02-配置文件的使用

源码：https://gitee.com/andli/webpack_demo.git

在一般的开发中，很少使用这种方式进行项目打包


image.png

一般都是通过webpack配置文件进行，功能更加的强大

一、新建配置文件 webpack.config.js

image.png

注意：mode配置不可少，否则会有黄色警告提示

image.png

二、完成入口，出口配置

image.png

三、命令行输入：webpack

即可完成打包

四、配置多入口，多出口

image.png

image.png

参考文章

https://jspang.com/posts/2017/09/16/webpack3.html#%E7%AC%AC03%E8%8A%82%EF%BC%9A%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%EF%BC%9A%E5%85%A5%E5%8F%A3%E5%92%8C%E5%87%BA%E5%8F%A3

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack使用学习
    webpack使用学习 本分享学习借鉴webpack中文官网，官网链接(中文文档)：https://www.web...
    腿毛怪丶叔叔阅读 4,348评论 0赞 5
  • webpack学习笔记
    全局安装webpack 全局安装webpack会有个问题，就是当你有两个项目依赖于不同版本的webpack，就会有...
    説好的妹紙呢阅读 5,849评论 0赞 11
  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,842评论 0赞 21
  • webpack的使用
    认识webpack 什么是webpack ​ webpack是一个前端的模块化打包(构建)的工具 功能：​- 1...
    cj_jax阅读 11,442评论 0赞 4
  • webpack-4.x的使用
    webpack-4.x 安装 npm i webpack -g: 全局安装webapck 基本使用 不使用配置文件...
    duans_阅读 5,694评论 0赞 12