webpack-工程化工具

一.简介

1.webpack 是 facebook 公司发布的一款工程化工具,早期有 react 使用.

2.核心理念: 一切都是资源,是资源我们就能模块化打包加载.

3.webpack 默认支持 commonjs 规范 ( 也支持 amd, cmd 规范不建议使用 ) ,所以我们可以像开发 node 一样开发.

4.特点: 模块化开发, 打包加载.

5.安装 npm install -g webpack ,  npm install -g webpack-dev-server ( 必须要先安装 node.js 和 npm )

6.配置文件 ( webpack.config.js) : 必须要有

module.exports = {
    resolve: {
        // 更改引入的模块文件地址
        alias: {
            vue$: 'vue/dist/vue.js'
        }
    },
    entry: {
        '03' : './es/03.es',
        '04' : './es/04.es',
        '05' : './es/05.es',
        '06' : './es/06.es',
        '07' : './es/07.es',
        '08' : './es/08.es',        
        '09' : './es/09.es',
        '10' : './es/10.es',
        '11' : './es/11.es',
        '12' : './es/12.es',
        '13' : './es/13.es'
    },
    output: {
        filename: './pack/[name].js'
    },
    module: {
        rules: [
            {
                test: /\.es$/,
                loader: 'babel-loader?presets[]=es2015'
            }
        ]
    }
}