一：webpack.config.js配置文件

1：手动新建一个配置文件

在package.json同目录下新建配置文件

2：配置参数说明

const path = require('path'); //操作系统路径

module.exports = {
	mode: 'development', // 开发模式
	entry: ['./str/hello.js','./str/world.js'], // 入口文件（也就是这些文件要打包）必须要绝对路径
	//加入要打包的js文件和webpack.config.js在同一级目录，那么必须这样写
	//entry: [__dirname+'/hello.js',__dirname+'/world.js'], // 入口文件，必须要绝对路径
	output: {
		filename: 'bundle.js', // 打包输出文件名
		path: path.join(__dirname, './dist') // 打包输出路径（必须绝对路径，否则报错）
	},
	module: {
        	rules: [
                //打包css
           	{ test: /\.css$/, loader: "style-loader!css-loader" }
       ]
    }
};

css文件，在入口文件头部引入

import './style.css';

运行命令打包

webpack

此命令，会自动根据配置文件信息完成打包。

配置文件由6个部分组成

entry：入口文件（你要打包哪些文件）
output：出口文件（打包完了放到哪里）
module：模块（放lorder，webpack不打包的部分，比如css）
plugins：插件（辅助开发功能，提高开发效率）
devServer：服务器（webpack提供的本地服务器，类型nginx,apache方便网页浏览）
mode：模式，分为开发模式、生产模式。此为4.X里新增的；开发模式 不压缩的文件；生产模式 压缩的文件