webpack打包(1)

webpack能处理js/json资源，生成环境比开发环境多了压缩代码的功能   将es6模块化变为浏览器能识别的模块

   操作命令       npm i webpack webpack-cli -g

　　　　　　　npm init  

　　　　　　　npm i webpack-cli -D

　　　　　　　 在webpack.config.js中配置好

　　　　　　　 运行webpack进行打包

webpack.config.js文件注释:

　　　　　　　　　　　　module.exports={

　　　　　　　　　　　　　　　　//webpack配置

　　　　　　　　　　　　　　　　　　entry: 入口文件

　　　　　　　　　　　　　　　　　　output:{

　　　　　　　　　　　　　　　　　　　　　　　filename：输出的文件名

　　　　　　　　　　　　　　　　　　　　　　　path:resolve(__dirname,'build')        // __dirname nodejs的变量  代表当前文件的目录绝对路径

　　　　　　　　　　　　　　　　　　　　　}，

　　　　　　　　　　　　　　　　//loader的配置

　　　　　　　　　　　　　　　　module:{

　　　　　　　　　　　　　　　　　　rules:[

　　　　　　　　　　　　　　　　　　　　　　//详细的loader配置　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　]

　　　　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　　　plugins:[

　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　],

　　　　　　　　　　　　　　　　//模式

　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　 // 运行环境

　　　　　　　　　　　　　　　　　　    mode:'development', //开发模式

 　　　　　　　　　　　　　　　　   // 生产环境

 　　　　　　　　　　　　　　　　　　   // mode:'production'

}