Webpack初识

1.安装

全局安装：

npm install webpack -g

在项目目录下安装：

npm install webpack --save-dev

打包文件基础命令：

webpack source.js bundle.js

2.配置

在目录下创建webpack.config.js配置文件，另外也可以用--config指定配置文件；在配置文件用module.exports指定一个配置文件，各个配置参数都是以键值对的形式：

(1) 入口配置entry：字符串/数组/对象

字符串：单个入口文件

数组：单个入口，但是存在多个相互依赖的文件

对象：多个入口文件，此时对应的出口filename也要改成多出口形式，不然会报错

(2) 出口配置output:对象形式。其中path和filename字段表示打包的路劲和打包后的文件名，注意的是当存在多个入口的时候，打包的文件名要修改成自动生成的形式。

(3)例子：

const path = require(‘path‘);

module.exports = {
    entry: {
        main: ‘./src/script/main.js‘,
        a: ‘./src/script/a.js‘
    },
    output: {
        path: path.resolve(__dirname,‘dist/js‘),
        filename: ‘[name].js‘
    }
}