webpack封装脚手架

一、webpack 是什么

是一个现在javaScript 的静态模块打包器

如何使用webpack搭建前端环境

1. 首先安装node.js
2. 然后创建package.json文件
   npm init -y
3. 安装webpack和webpack-cli

没有插件在package.json文件配置
最后一行

4. 配置webpack文件
   默认配置文件名：webpack.config.js
   也可以用webpack --config webpack.dev.config.js

例如：

//引入webpack,主要用于对webpack内置插件调用时使用
const webpack = require('webpack')
//引入path，对路径进行处理
const path = require('path')

//创建一个配置对象
const config = {
    //配置入口
    entry: './src/main.js',
    //配置出口
    output: {
        //出口路径
        path:path.resolve(__dirname,'dist'),
        //出口文件名
        filename:'bundle.js'
    }

}

module.exports = config;

5. 配置各种loader

6. 还有自动清理和自动注入