介绍
build-plugin-ice-core 是一个用于修改 buildConfig 的 ice-scripts 插件。通过这个插件，你可以自定义冰体系项目的打包配置，从而满足你的项目需求。
安装
npm install build-plugin-ice-core --save-dev
使用
在 buildConfigChain 中通过 apply 方法使用该插件。
chainWebpack(config, { webpack, userConfig, command }) {
const { apply: applyIceCore } = require('build-plugin-ice-core');
applyIceCore(config, { webpack, userConfig, command });
// 其它 webpack 配置
}命令行配置
该插件支持通过命令行参数来修改配置值。
outputDir
修改输出目录。
ice-scripts build --outputDir build
publicPath
修改公共路径。
ice-scripts build --publicPath /my-app/
sourceMap
是否开启 sourceMap。
ice-scripts build --sourceMap
miniCssExtractPlugin
是否使用 CSS 分离插件。
ice-scripts build --miniCssExtractPlugin
analyze
是否启用构建分析工具。
ice-scripts build --analyze
示例
以下示例配置文件是带有 css-modules 唯一哈希名称的 webpack 配置。
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
----- - ------ ------------ - - ---------------------------------
-------------- - -- ------- -- -- -
----- ------ - -
------ ----------------
------- -
----- --------
----------- ----
--------- -----------------------------
-------------- -----------------------------
--
------- -
------ -
-
----- ---------------------
---- -
----------------------------
-
------- -------------
-------- -
-------- -
--------------- ----------------------------------
--
--
--
-----------------
--------------
--
--
--
--
------------- -
------------ -
------- ------
-------- ------
---------- --
----------------- --
------------------- --
----------------------- ----
----- -----
------------ -
-------- -
----- -------------------------
--------- ----
--
--
--
--
-------- -
--- ----------------------
--------- -------------------------------
-------------- -------------------------------
---
--
--
-------------------- - ------- ---
------ -------
--总结
通过 npm 包 build-plugin-ice-core，我们可以轻松地自定义 webpakc 配置，以满足不同的项目需求。希望该插件可以帮助到你。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedab49b5cbfe1ea06106e6