分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

Webpack 4 ?学习02(使用配置文件进行打包)

发布时间:2023-09-06 02:33责任编辑:赖小花关键词:Web配置

上一讲中我们打包没有用到webpack.config.js配置文件,webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用,更好地学习webpack。

上一讲 Webpack 4 学习01(基础配置)

  • 根目录下新建一个webpack.config.js文件 (记载配置信息)

  • 配置文件

     const path = require('path'); module.exports = { ??entry:'./public/index.js', ??output:{ ????path:path.resolve(__dirname,'build'), ????filename:'bundle.js' ??} }
    字段意义
    entry入口,所需打包的文件的路径
    output出口
    path文件打包后存放的路径
    path.solve()将路径或者路径片段的序列处理成绝对路径
    _dirname表示当前文件所在目录的绝对路径
    filename打包后文件的名称
  • 按照配置项新建一个入口文件public/index.js

  • 运行npm run dev

Webpack 4 ?学习02(使用配置文件进行打包)

原文地址:https://www.cnblogs.com/hunterxing/p/10425286.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved