webpack 使用 CLI 博客分类: webpack webpack 命令行
程序员文章站
2024-03-25 23:25:16
...
安装
$ 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 使用插件 博客分类: webpack webpack 使用插件
-
webpack 使用 CLI 博客分类: webpack webpack 命令行
-
webpack 使用加载器 博客分类: webpack webpack 使用加载器webpack loader
-
webpack学习笔记(1) 博客分类: webpack webpack
-
cordova 整合 webpack vue 博客分类: cordovavue cordovavuewebpack
-
如何使用Vue-cli webpack移动端自动化构建rem
-
使用vue-cli+webpack如何搭建vue
-
使用vue-cli脚手架工具搭建vue-webpack项目
-
用npm安装vue和vue-cli,并使用webpack创建项目的方法
-
vue-cli+webpack在生成的项目中使用bootstrap实例代码