webpack超简单的打包教程记录

首先安装webpack,这里不推荐全局安装,因为假如一个项目多个人开发,都要打包的情况下
webpack版本可能不一致导致出问题,因此,直接把webpack安装到本地项目上

新建一个文件夹

//初始化
npm init 

使用配置文件打包项目

配置文件的简单配置
 

var path = require('path');
// node 模块导出
module.exports = {
    // 配置打包的入口文件
    entry:'./src/main.js',

    // 配置打包出口
    output:{
        // 出口的资源文件夹
        path:path.resolve(__dirname,'diss'),
        // 出口的文件名
        filename:'mm.js'
    }
}

如果是vue-cli构建的项目的话,其实只需要记住一个命令:
 

//这个build,其实就是package.json里面的一个自定义脚本命令
npm run build

ok!weback的打包输入输出教程完毕