码迷,mamicode.com
首页 > Web开发 > 详细

Webpack 入门教程4

时间:2017-02-18 14:39:32      阅读:140      评论:0      收藏:0      [点我收藏+]

标签: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

标签:webpack 入门教程4

原文地址:http://suyanzhu.blog.51cto.com/8050189/1899012

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!