webpack的简单打包

2017-09-22  本文已影响30人  紫由袅

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

上一篇 下一篇

猜你喜欢

热点阅读