【webpack】学习

webpack是一个流行的前端项目构建工具（打包工具）。
提供了友好的模块支持，以及代码压缩混淆、处理js兼容性问题，性能优化等功能

module.exports = {    
	//编译模式    
	mode:'development'//development /production
}

"scripts": {    
	"test": "echo \"Error: no test specified\" && exit 1",
	"dev": "webpack"  
},

const path = require('path') //导入node.js中专门操作路径的模块
module.exports = {    
	//编译模式    
	mode:'development',//development /production  
	entry:path.join(__dirname,'./src/index.js'),//打包入口文件路径    
	output:{        
		path:path.join(__dirname,'./dist'), //输出文件的存放路径        
		filename:'bundle.js' //输出文件名称    
}}

const HtmlWebpackPlugin  = require('html-webpack-plugin')
const htmlPlugin = new HtmlWebpackPlugin({
    template:'./src/index.html',    
    filename:'index.html'
})

module:{        
	rules:[            
		{test:/\.css$/,use: ['style-loader','css-loader']}        	]      
}

其余功能参考官方文档进行操作
loader其他

打包发布