webpack 使用 CLI

安装

$ 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"中的模块默认在输出中是隐藏的。