美文网首页
webpack的简单打包

webpack的简单打包

作者: 紫由袅 | 来源:发表于2017-09-22 17: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

    相关文章

      网友评论

          本文标题:webpack的简单打包

          本文链接:https://www.haomeiwen.com/subject/nnbfextx.html