webpack基础的创建

webpack的基础使用

不废话直接上代码

首先需要有一个需要输出的模块文件 我这例如mod1.js

//随便输出个 a,b


let a=12;
let b=9;
export{
	a,b
}

然后需要有一个输入的文件，即你需要引入项目用的js文件，例如index.js

import * as mod from './mod1.js';

console.log(mod.a,mod.b);

最后需要建一个名webpack.config.js的文件

//这里以最简单的输出为例

const pathlib=require('path');

module.exports={
	mode:'development',
	entry:'./index.js',
	output:{
		path:pathlib.resolve(__dirname,'build'),
		filename:'bundle.js'
	}
}

最后用webpack进行编译即可，随后会出现一个为bundle.js的文件，只需要引入这个文件即可。