webpack4系列笔记一:基础打包

前端之家收集整理的这篇文章主要介绍了webpack4系列笔记一:基础打包前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

webpack安装

安装webpack和webpack-cli(这个工具用于在命令行中运行webpack)

打包

使用命令npx webpack打包

该命令会运行这个目录下的webpack.cmd文件./node_modules/.bin/webpack.cmd

手动配置webpack打包js

创建webpack.config.js文件

如果想更改配置文件的名字

可以npx webpack --config webpack.config.my.js

更方便点,可以在package.json中写脚本

然后使用npm run bulid运行

安装开发服务器

将html挂载到本地服务器上,可以实时加载

配置开发服务器

在webpack.config.js文件中进行配置

显示进度条
    compress: true,// 压缩
    contentBase: './bulid',
原文链接:https://www.f2er.com/note/411431.html

猜你在找的程序笔记相关文章