Webpack入门教程十

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack入门教程十相关的知识,希望对你有一定的参考价值。

57.注释插件(BannerPlugin)使用,修改webpack.config.js配置文件,修改内容如下

var webpack = require(‘webpack‘);

module.exports = {
	entry:  __dirname + "/app/Greeter.js",
	output: {
		path: __dirname + "/public",
		filename: "bundle.js"
	},
	devServer:{
		contentBase:"./public",
		historyApiFallback:true,
		inline:true
	},
	module:{
		loaders:[
			{
				test:/\.json$/,
				loader:"json-loader"
			},
			{
				test:/\.js$/,
				exclude:/node_modules/,
				loader:‘babel-loader‘
			},
			{
				test:/\.css$/,
				loader:‘style-loader!css-loader?modules‘
			}
		]
	},
	plugins:[
		new webpack.BannerPlugin("copyright suyan")
	]
}

58.使用webpack命令打包

webpack

技术分享

59.查看bundle.js文件

技术分享技术分享


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

以上是关于Webpack入门教程十的主要内容,如果未能解决你的问题,请参考以下文章

算法竞赛入门码蹄集进阶塔335题(MT3330-3335)

价格惊喜!Intel 32款十代桌面酷睿正式发布:10核冲上5.3GHz

webpack4常用片段

PYQT5(二十五) QLabel自适应

ES6入门十二:Module(模块化)

十代思域仪表盘怎么设置