webpack的配置

关键参数解释：

1.entry
当entry是个字符串时，用来定义入口文件。
entry:'./src/main.js' 直接把入口文件卸载配置文件中

2.output
output参数是个对象，用于定义构建后文件的输出。其中包含path（路径）和filename（文件名）
output:{
	path:'动态的路径获取',
	filename:'bundle.js'
}

3.module(模块化)
模块的加载相关，我们就定义到module.loaders中

如何让webpack知道 需要打包的是哪个文件，又要打包到那个文件里去（前提：不写路径，直接进入）

1.先进入到内部文件夹中

2.然后直接在“02-webpack的配置”这个内部文件夹中创建“webpack.config.js”文件(即：webpack的配置文件)
注意：目前只能写这个文件名，别自己改

3.告诉webpack哪个是入口/出口
 通过common.js方式导出一个对象{告诉对用的入口entry和出口output}，入口是引用现有的，出口名自己可以起 一般为bundle.js

path:'动态获取路径', 如何获取？
这里就要用到node的语法了
const path = require('path') // 导入一个叫path的模块，然后导出并赋值给path
（这个path它是存在于node包里的），所以必须装入path这个包

(1) npm init  //init是初始化的意思。第一步npm初始化,，点击回车按钮

(2) 会直接跳转到package name:这行，此时给它写入一个名字（如：meetwebpack）
回车——版本号——回车——描述——回车
——入口（随便，如：index.js）——后面一路回车
——直到OK？处回车——就会生成package.json文件（这个文件的作用是告诉我们文件信息的）
——

4.
下面代码中path.resolve(__dirnae,'dist')的意思是
path这个模块中有一个函数resolve,
此函数对dirnae和dist这两个路径进行拼接
__dirnae是一个全局变量，存于node 中，可获取当前文件所在路径

5.然后回到这个位置，输入webpack，回车，就OK了