webpack的简单打包

1.打包:可以把多个JavaScript文件打包成一个文件,减少服务器压力和下载带宽。

2.转化:把拓展语言转化成为普通的JavaScript,让浏览器顺利运行

3.优化:前端变的越来越复杂后,性能也会遇到问题,而webpack也开始肩负起了优化和提升性能的责任

总的来说,其实WebPack可以看做是模块打包机。

一、具体的安装方法

1.新建一个webpack.config.js的配置文件

注意这里的webpack.config.js不可以设置为webpack-config.js,会识别不了的

module.exports={

entry:'./main.js',

output:{

filename:'bundle.js'

}

};

2.快捷键:win+R,输入cmd

npm install -g webpack

3.webpack

二、Webpack 的多入口文件

1.直接在webpack.config.js文件写入

module.exports={

entry:{

bundle1:'./main.js',

bundle2:'./main1.js',

},

output:{

filename:'[name].js'

}

};

2.运行命令:webpack

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 7,148评论 7 35
  • 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
    阳阳阳一堆阳阅读 2,704评论 0 5
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 5,723评论 2 72
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 2,519评论 2 16
  • 今天上午,妈妈刚做完饭就有客人来了,是爸爸的朋友。我叫大爷,给我买来了香蕉和奶,我把香蕉给姐姐和胡成,可以们一起分享
    马若维阅读 55评论 0 0