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