webpack封装脚手架

一、webpack 是什么

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

如何使用webpack搭建前端环境

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

没有插件在package.json文件配置在这里插入图片描述
最后一行

  1. 配置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;
  1. 配置各种loader

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

你可能感兴趣的:(经验分享)