webpack基础配置

webpack安装

  • 安装本地的webpack
  • webpack webpack-cli -D
yarn init -y
yarn add webpack webpack-cli -D

webpack可以进行0配置

  • 打包工具 =》 输出后的结果(js模块)
npx webpack
  • 打包(支持js的模块化)
//a.js
module exports "Hello World"
//index.js
let str = require('./a.js')
console.log(str) 

手动配置webpack

  • 默认配置文件的名字 webpack.config.js
//webpack是node写出来的node的写法
let path = require('path');
module.exports = {
  mode:'development', //模式 默认两种 production development
  entry:'./src/index.js', //入口
  output:{
    filename:'bundle.js',  //打包后的文件名
    path:path.resolve(__dirname,'build') //路径必须是一个绝对路径
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 仅适用于webpack4.+! 仅适用于webpack4.+! 仅适用于webpack4.+! webpac...
    李不远阅读 338评论 0 0
  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 2,774评论 0 18
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,264评论 0 17
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,253评论 0 21
  • 世间最好的默契, 并非有人懂你的言外之意, 而是有人懂你的欲言又止。 希望有人懂你的低头不语, 小心翼翼守护你的孩...
    大智者许若愚阅读 228评论 0 0