webpack4+学习笔记：3. webpack 手动配置打包之 webpack.config.js 与 webpack-dev-server

webpack 手动配置打包之 webpack.config.js 与 webpack-dev-server

1. 在项目的根目录下新建文件 webpack.config.js 文件

2. webpack.config.js 配置有以下几种类型
（1）单页面入口
① index.js 入口页面

console.log("Wellcome to webpack4+");

② webpack.config.js 配置

let path = require("path");
module.exports = {
	entry : "./src/index.js",   //单页面入口
	output: {       //出口
		filename: "bundle.js",
		path: path.resolve("./dist")    //绝对路径
	},
	devServer: {    //开发服务器
      
	},
	module: {       //模块的配置

	},
	plugins: [      //插件的配置

	],
	mode   : "development",     //更改模式 --开发    
	resolve: {      //配置解析
        
	}
 }