webpack安装和配置
2023-09-14 09:06:23 时间
一. 安装
我们常规直接使用 npm 的形式来安装:
$ npm install webpack -g
当然假设常规项目还是把依赖写入 package.json 包去更人性化:
$ npm init$ npm install webpack --save-dev
// webpack.config.js module.exports = { entry: "./entry.js", output: { path: "./build", filename:"bundle.js" } }
// entry.js define("entry", function () { var iabcdef = 11; });
//文件夹
运行
webapck或运行
webpack --display-error-details
后面的參数“--display-error-details”是推荐加上的,方便出错时能查阅更详尽的信息(比方 webpack 寻找模块的过程)。从而更好定位到问题。
$ webpack --config XXX.js //使用还有一份配置文件(比方webpack.config2.js)来打包
$ webpack --watch //监听变动并自己主动打包
$ webpack -p//压缩混淆脚本,这个非常非常重要!
$ webpack -d//生成map映射文件。告知哪些模块被终于打包到哪里了
当中的 -p 是非常重要的參数,以前一个未压缩的 700kb 的文件。压缩后直接降到 180kb (主要是样式这块一句就独占一行脚本,导致未压缩脚本变得非常大) 。
相关文章
- Linux文件传输与mysql数据库安装
- ubuntu下mysql的安装与配置
- Oracle单实例安装环境一键配置脚本(CentOS6 + 11gR2 )
- 工具01:Cygwin的安装配置
- EasyDSS RTMP流媒体解决方案之Windows服务安装方案
- 制做rpm包工具fpm安装
- zookeeper 安装 配置集群
- weblogic domain的安装与配置
- linux通过tar包安装docker
- centos 6.3 安装svn服务端 window客户端 Linux客户端应用
- tomcat的安装及配置
- Docker-compose 安装 zookeeper dubbo-admin
- 1.2 TensorFlow2.3.1 CPU,python3.7,Win10 64位系统,anaconda,pycharm2019下载和安装配置调试运行
- win10系统下cmd输入一下安装的软件命令提示拒绝访问解决办法
- 关于yum网络版仓库(本地yum仓库的安装配置,如果没网了,做一个局域网内的yum仓库)
- jetson nano 安装anaconda和pytorch(转)
- Docker 安装MikoPBX VOIP —— 筑梦之路
- linux nmon 安装使用 监控linux
- mac os 安装 sqlmap
- deepin系统安装测试工具postman
- mysql数据库安装配置
- 如何安装和配置OpenCV?
- 学习C++:Linux下Clion安装使用、汉化及环境配置
- PCL 环境下安装配置CGAL 5.5
- Haproxy Centos7源码安装Haproxy 1.6.X
- Binary Utilities非默认目录构建和安装
- RustDesk自建中转服务器如何自己编译 RustDesk客户端,将企业固定IP/域名写进客户端,客户端安装无需配置直接使用(三)