Webpack 入门教程4

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 和 各类插件的配置

webpack快速入门——配置JS压缩,打包

Webpack 入门教程4

入门 Webpack,看这篇就够了

教程4 - 验证和权限

webpack4常用片段