21.创建webpack.config.js配置文件

echo ... > webpack.config.js

wKiom1inxgax7uAIAAAEPHEPewo699.png-wh_50

22.将webpack.config.js内容修改为如下内容

module.exports = {
	entry: "./runoob1.js",
	output:{
		path:__dirname,
		filename:"bundle.js"
	},
	module:{
		loaders:[{
			test:/\.css$/,
			loader:"style-loader!css-loader"
		}]
	}
}

23.使用webpack命令进行打包

webpack

wKioL1inxojCjMgTAAAem4QOUb8082.png-wh_50

24.使用浏览器打开index.html页面,输出内容如下

wKioL1in3cHD6R9_AAAbWfwaZ-w926.png-wh_50