webpack超简单的打包教程记录

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

新建一个文件夹

//初始化
npm init

使用配置文件打包项目

配置文件的简单配置
 


var path = require(&＃39;path&＃39;);
// node 模块导出
module.exports = {// 配置打包的入口文件entry:&＃39;./src/main.js&＃39;,// 配置打包出口output:{// 出口的资源文件夹path:path.resolve(__dirname,&＃39;diss&＃39;),// 出口的文件名filename:&＃39;mm.js&＃39;}
}

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

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

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