Webpack 入門教程4

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章