首页 > 代码库 > Webpack 入门教程4

Webpack 入门教程4

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

echo ... > webpack.config.js

技术分享

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

技术分享

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

技术分享

本文出自 “素颜” 博客,请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1899012

Webpack 入门教程4