Webpack的入门

1.webpack是什么?
webpack是前端的模块化打包工具,它可以将松散的模块(commonJS、AMD、CMD、ES6、less、sass、图片、音视频)进行打包成一个文件模块.

2.安装webpack

1.全局

cnpm i -g webpack@1.14.0

2.项目中

  cnpm i webpack@1.14.0 --save-dev

3.使用命令

webpack 入口文件 出口文件
在html文件中引入打包后的文件bundle.js

4.webpack的配置文件(webpack.config.js)

  var webpack=require('webpack');//引入
  module.exports={
    //声明入口文件
    entry:'入口文件',
    //出口文件
    output:{
    path:'出口文件路径',
    filename:'出口文件名',
    publicPath:"公共静态文件路径"
    },
    //声明加载器
    module:{
      loaders:[
        {test:正则表达式,loader:加载器名称}
      ]
    }

  }

详细教程可以看中文官网https://doc.webpack-china.org/concepts/