安装
$ npm install webpack -g
基本使用
webpack <entry> <output>
- entry
传递文件或查询字符串。你可以传递多个条目(每个条目都在启动时加载)。
如果你通过键值对的形式 <name>=<request> 你可以创建一个额外的切入点。
将会被映射到配置选项的entry上
- output
传递一个文件路径。
将会被映射到配置选项的output.path和output.filename上。
配置选项
很多配置选项都可以通过命令行设置。例如:--debug 对应 debug:true,或者 --output-library-target 对应 output.libraryTarget。
如果你没有传入任何选项,你将的到一个所有配置选项的列表。
插件
可以通过命令行设置一些插件,例如:--define <string>=<string> 对应 DefinePlugin。
Development shortcut -d
等同于
--debug --devtool source-map --output-pathinfo
Production shortcut -p
等同于
--optimize-minimize --optimize-occurence-order
Watch mode --watch
监测所有依赖并在有变化时重新编译代码。
配置文件 --config example.config.js
设置读取制定的配置文件。如果你不想使用默认的配置文件“webpack.config.js”,可以使用这个设置。
显示参数选项
- --progress
显示编译进度标准错误。
- --json
在标准输出中使用json格式输出。
提示:尽量把结果传递给对应的数据解析工具。
- --colors
用颜色来显示统计信息。
- --sort-modules-by ,--sort-chunks-by ,--sort-assets-by
对列表中的modules/chunks/assets按列排序。
- --display-chunks
将模块分块显示。
- --display-reasons
显示为什么包含模块的更多详细信息。
- --display-error-details
显示更多错误信息。例如:显示在解析模块时尝试了哪些路径。
- --display-modules
显示隐藏模块。位于文件夹“node_modules",”bower_components“,”jam“,”components"中的模块默认在输出中是隐藏的。
相关推荐
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块...
webpack4.0 以后,似乎执行方式就发生了改变,不再是 webpack 一波流,而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行运行 webpack 命令的同时,会提示让你再装一个 webpack-cli。 ...
我们使用webpack CLI组织为一个多软件包存储库。 每个命令在packages文件夹中都有一个专用的子文件夹。 这是CLI所提供命令的摘要。 指令 支持开发人员是webpack CLI的一项重要任务。 因此,webpack CLI为许多常见...
使用webpack搭建vue项目 1.创建一个空项目 npm init -y 2.下载webpack,webpack-cli 目前可以使用webpack5不过还是建议使用webpack4 npm i webpack@4.44.2 webpack-cli@3.3.11 -D 3.配置webpack 1.根目录下创建...
webpack-cli基本介绍webpack 脚手架,
请使用webpack-cli 。 如果webpack-cli中未实现任何功能,请随时创建问题。 为什么不推荐使用webpack-command ? webpack-cli非常稳定,并且具有更多功能。 对于开发人员而言,两个CLI会产生误导。 难以维护具有...
基于vue2.0/webpack4.0/cli3.0开发的移动端M站(卖座电影)
webpack4.3整合vue代码,运算环境 windows +node v10.15.3 +npm v6.4.1
vue-cli webpack
主要介绍了vue cli webpack中使用sass的方法,需要的朋友可以参考下
我们希望看到您使用它,并向我们提供您的反馈意见,并帮助您完善该项目,并使PWA的创建变得更加轻松webpack脚手架pwa Webpack-cli插件神奇地 :sparkles: 使您的应用程序成为PWA最初设定初始化npm $ npm init安装...
webpack-cli-read
如何使用webpack打包JS 我们在命令行中输入:webpack -h看看webpack的命令行大全 Usage: webpack-cli [options] webpack-cli [options] --entry <entry> --output webpack-cli [options] <entries> --output ...
十几岁,吱吱作响 :baby_chick: 干净的Webpack CLI webpack-nano的前提是,所有用于配置webpack构建的选项均通过设置。 安装 使用npm: npm install webpack-nano --save-dev 要求 webpack-nano是一个常绿模块。...
提前安装webpack和webpack-cli:npm i webpack webpack-cli 必须依赖webpack 4.0.0以上和webpack-cli 3.0.0以上 安装失败 切换NPM镜像为淘宝镜像:npm config set registry https://registry.npm.taobao.org/ 重新...
webpack 4打包使用—基础篇 文章目录webpack 4打包使用—基础篇全局安装webpack4打包项目webpack-dev-serverwebpack-dev-server 的命令参数 全局安装webpack4 npm i webpack -g npm i webpack-cli -g webpack4在...
webpack4版本也出了很久了 之前弄过一段时间的...yarn add webpack-cli global yarn add webpack-cli -D 如果不对webpack-cli进行安装的话会报错 如下: The CLI moved into a separate package:webpack-cli. Pl
webpack-cli
vue2 项目 + webpack 打包工具,是一个非常经典的组合,但是在配置的过程中会老是出问题,例如:webpack、webpack-cli、vue-loader、vue-template-compiler、css-loader的版本的设定就是一个匹配的大问题;...