webpack入门(二):配置webpack.config.js

一.介绍

 webpack.config.js 是webpack的配置文件

 作用:指示webpack 干那些活(当你运行webpack指令时,会加载里面的配置)

所有构建工具都是基于node.js平台运行的~模块化默认采用commonjs

 

webpack.config.js文件中，主要包括

entry:入口文件

output:出口文件

module:模块

plugins:插件

二.配置webpack

现在开始配置webpack，目标是把这两个js文件合并成一个文件. 我们可以自己在build文件夹里面手动建一个index.html文件夹，然后再把合并以后的js引用在里面，但是这样有些麻烦，所以我们这里安装一个plugin，可以自动快速的帮我们生成HTML。

npm install html-webpack-plugin --save-dev

好 有了这个插件 开始写config文件

//resolve 用来拼接绝对路径的方法
const {resolve} = require('path')
const HtmlwebpackPlugin = require('html-webpack-plugin');
module.exports = {
  //webpack配置
  //入口起点
  entry: './src/index.js',
  //输出
  output: {
    //输出文件名
    filename: 'built.js',
    //输出路径
    //__dir