内容简介:上一讲中我们打包没有用到
Webpack 4 学习02(使用配置文件进行打包)
上一讲中我们打包没有用到 webpack.config.js
配置文件,webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用,更好地学习webpack。
- 根目录下新建一个
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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- umi 配置多环境打包
- springboot 多环境 开发 打包 配置
- Android 多渠道打包配置
- 配置 xcodebuild 命令打包支持 Bitcode
- [ webpack4 ] 配置属于自己的打包系统教程(一)—— 基础配置篇
- Spring Boot打包部署和环境配置
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。