@doracli/webpack 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-2029 zhangzhiguo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,7 @@
+# `cli`
+
+> @doracli/cli
+构建功能集合
+
+## Usage
+

package/lib/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("webpack"),r=require("@dorabag/file-pro"),t=require("@doracli/helper"),n=require("@doracli/preset-babel"),o=require("path"),i=require("mini-css-extract-plugin"),s=require("terser-webpack-plugin"),a=require("html-webpack-plugin"),u=require("webpack-bundle-analyzer"),c=require("webpackbar"),l=require("webpack-dev-server"),p=require("@dorabag/open-browser"),f=require("@cclr/lang"),d="undefined"!=typeof document?document.currentScript:null;function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function h(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}function g(e,r,t){return r&&function(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,C(n.key),n)}}(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function v(e,r,t){return(r=C(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach(function(r){v(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function x(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function w(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return m(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:r+""}var R=["port"],P=["index","src/index"],j=[".ts",".js",".tsx",".jsx"],O=["index.html","public/index.html"],k=r.getDirname({url:"undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href}),S=r.getPackageRoot(k),U=o.join(S,"node_modules"),q=o.join(S,"lib/preset/html/dev-preset.html"),L=function(){return y({babelrc:!1,configFile:!1,compact:!1,cwd:r.getNodeModulesDir(k)},n.reactBabelPreset())},T=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"css-loader"),A=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"postcss-loader"),D=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"style-loader"),I=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"babel-loader"),_=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"less-loader"),E=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"sass-loader"),z=r.requireResolve("undefined"==typeof document?require("url").pathToFileURL(__filename).href:d&&"SCRIPT"===d.tagName.toUpperCase()&&d.src||new URL("index.js",document.baseURI).href,"postcss-preset-env"),F=function(e,r){var t=e.action,n=(r||{}).postcssPluginExtra,o=[T,{loader:A,options:{postcssOptions:{plugins:[[z]].concat(w(n||[]))}}}];return"server"===t?o.unshift({loader:D}):o.unshift({loader:i.loader}),o},N=["path","filename"],$=["minimize","template"],B=function(e){var r=e.minimize,t=e.template,n=x(e,$);return new a(y({title:"webpack5-react-ts",filename:"index.html",template:t||q,inject:!0,hash:!0,cache:!1,minify:!!r&&{removeAttributeQuotes:!0,collapseWhitespace:!0,removeComments:!0,minifyJS:!0,minifyCSS:!0}},n))};var W=function(){return g(function e(r){h(this,e),v(this,"workRootDir",void 0),this.workRootDir=r},[{key:"apply",value:function(e){var r=this;e.hooks.beforeRun.tapPromise("TsconfigPlugin",function(e){return new Promise(function(n,i){var s,a=function(){try{return n()}catch(e){return i(e)}},u=function(e){try{return t.cLog.error("init","error","自动注入 tsconfig.json 失败"),a()}catch(e){return i(e)}};try{return function(e){var r=[],t=function(e){if(e)if("string"==typeof e)r.push(e);else if(Array.isArray(e))e.forEach(t);else if("object"==typeof e){var n=e;n.import?t(n.import):Object.values(n).forEach(t)}};return t(e),r}(null!==(s=e.options&&e.options.entry)&&void 0!==s?s:{}).some(function(e){return/\.(ts|tsx)$/.test(o.extname(String(e)))})?Promise.resolve(t.insertTsconfig(r.workRootDir)).then(function(e){try{return a()}catch(e){return u()}},u):n()}catch(e){u()}})})}}])}(),M=function(e){return new W(e.workRootDir)},H=e.ProgressPlugin,J=function(){return g(function e(t){h(this,e),v(this,"configCtx",void 0),v(this,"webpackConfig",{}),v(this,"devServerConfig",{}),v(this,"envParams",{action:"build",workRootDir:r.getCwd()}),this.configCtx=t},[{key:"updateEnvParams",value:function(e){this.envParams=y(y({},this.envParams),e)}},{key:"updateWebpackConfig",value:function(e){this.webpackConfig=y(y({},this.webpackConfig),e)}},{key:"updateDevServerConfig",value:function(e){this.devServerConfig=y(y({},this.devServerConfig),e)}},{key:"getDoraConfig",value:function(){return this.configCtx.getDoraConfig()}},{key:"geTDoraConfigWebpack",value:function(){return this.configCtx.getDoraConfig().webpackConfig||{}}}])}(),Q={host:"127.0.0.1",open:!0,setupExitSignals:!0,compress:!1,hot:!0,historyApiFallback:!0,static:[{directory:r.resolveCwd("./public")},{directory:r.resolveCwd("./dist")}],headers:{"Access-Control-Allow-Origin":"*"},port:"8082"},G=["static","headers"],K=function(){for(var e={static:[],headers:{}},r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];return t.forEach(function(r){var t,n=r.static,o=r.headers,i=x(r,G);f.isArray(e.static)&&f.isArray(n)&&(t=e.static).push.apply(t,w(n));o&&(e.headers=y(y({},e.headers),o)),Object.assign(e,i)}),e};exports.Ctx=J,exports.babelLoader=I,exports.build=function(r){return new Promise(function(t,n){try{e(r,function(e,r){t({err:e,stats:r})})}catch(e){n(e)}})},exports.createCompiler=function(r){return e(r)},exports.cssLoader=T,exports.getBabelConfig=L,exports.getCssBaseLoader=F,exports.getDevServer=function(e){var t=e.port,n=x(e,R);return y(y({host:"127.0.0.1",open:!1,setupExitSignals:!0,compress:!1,hot:!0,historyApiFallback:!0,static:[{directory:r.resolveCwd("./public")},{directory:r.resolveCwd("./dist")}],headers:{"Access-Control-Allow-Origin":"*"}},n),{},{port:t||"7777"})},exports.getDevtool=function(e,r){return r||("server"===e.action?"eval-cheap-module-source-map":"source-map")},exports.getEntry=function(e,n){if(n)return n;var o=e.workRootDir,i=P.reduce(function(e,r){return j.forEach(function(t){e.push("./"+r+t)}),e},[]),s=r.lookupFile(i,o);return s||(t.cLog.warn("dora-wr","getEntry","需要有一个入口文件 index 或者 src/index"),process.exit()),s},exports.getExternals=function(e){return e||[]},exports.getHtmlWebpackPlugin=B,exports.getMode=function(e,r){return r||("server"===e.action?"development":"production")},exports.getOptimization=function(e){var r=e.minimize;return r?{minimize:r,minimizer:[new s({extractComments:!1})]}:{minimize:!1}},exports.getOutput=function(e,r){var t=e.workRootDir,n=r||{},i=n.path,s=n.filename,a=x(n,N);return y({filename:s||"js/[name].[contenthash].js",path:i&&o.isAbsolute(i)?i:o.join(t,i||"dist"),clean:!0,publicPath:"/"},a)},exports.getReactModulePreset=function(e,r){var t=F(e,r),n=L();return{rules:[{oneOf:[{test:/\.(js|mjs|jsx|ts|tsx)$/,resolve:{fullySpecified:!1},use:[{loader:I,options:n}]},{test:/\.css$/,use:w(t)},{test:/\.less$/,use:[].concat(w(t),[_])},{test:/\.s[ac]ss$/,use:[].concat(w(t),[E])},{test:/\.(jpe?g|png|gif|svg)$/i,type:"asset",generator:{filename:"img/[name]_[hash:8][ext]"},parser:{dataUrlCondition:{maxSize:8192}}},{test:/\.(otf|eot|woff2?|ttf|svg)$/i,type:"asset",generator:{filename:"icon/[name]_[hash:8][ext]"},parser:{dataUrlCondition:{maxSize:2048}}}]}]}},exports.getReactPluginsPreset=function(e,n){var o=e.action,s="server"===o,a=n.WebpackBundleAnalyzerOptions,l=n.HtmlWebpackPluginOptions,p=n.minimize,f=r.lookupFile(O);f||t.cLog.warn("init","not_found","未找到 html 入口文件，将使用预设配置");var d=[M(e)];return s||d.push(new H({activeModules:!1,entries:!0,modules:!0,modulesCount:5e3,profile:!1,dependencies:!0,dependenciesCount:1e4,percentBy:"entries"})),"lib"!==o&&d.push(B(y({minimize:p,template:f||void 0},l))),s||d.push(new c,new i({filename:"css/main.[contenthash].css"})),a&&d.push(new u.BundleAnalyzerPlugin(a)),d.filter(Boolean)},exports.getResolve=function(e){return y({extensions:[".ts",".tsx",".js",".jsx"]},e)},exports.getResolveLoader=function(){return{modules:[U],extensions:[".js",".json"],mainFields:["loader","main"]}},exports.getTsconfigPlugin=M,exports.lessLoader=_,exports.mergeServerConfig=K,exports.postcssLoader=A,exports.postcssPresetEnv=z,exports.sassLoader=E,exports.service=function(e,r){return new Promise(function(t,n){var o,i,s,a,u;return o=K(Q,e),i=o.open,s=o.port,a=o.host,u=new l(K(y(y({},o),{},{open:!1})),r),Promise.resolve(u.start()).then(function(e){try{return i&&p("http://".concat(a,":").concat(s)),t()}catch(e){return n(e)}},n)})},exports.styleLoader=D;

package/lib/esm/index.js

@@ -0,0 +1 @@
+import e from"webpack";import{resolveCwd as t,lookupFile as r,getDirname as n,getPackageRoot as o,getNodeModulesDir as i,requireResolve as a,getCwd as s}from"@dorabag/file-pro";import{cLog as c,insertTsconfig as u}from"@doracli/helper";import{reactBabelPreset as l}from"@doracli/preset-babel";import f,{join as p,isAbsolute as m}from"path";import h from"mini-css-extract-plugin";import d from"terser-webpack-plugin";import v from"html-webpack-plugin";import b from"webpack-bundle-analyzer";import y from"webpackbar";import g from"webpack-dev-server";import w from"@dorabag/open-browser";import{isArray as j}from"@cclr/lang";var O=function(t){return new Promise(function(r,n){try{e(t,function(e,t){r({err:e,stats:t})})}catch(e){n(e)}})};function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function P(e,t,r){return t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,z(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function C(e,t,r){return(t=z(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach(function(t){C(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function D(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function E(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return x(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}var R=["port"],$=function(e){var r=e.port,n=D(e,R);return A(A({host:"127.0.0.1",open:!1,setupExitSignals:!0,compress:!1,hot:!0,historyApiFallback:!0,static:[{directory:t("./public")},{directory:t("./dist")}],headers:{"Access-Control-Allow-Origin":"*"}},n),{},{port:r||"7777"})},T=function(e,t){return t||("server"===e.action?"eval-cheap-module-source-map":"source-map")},W=["index","src/index"],B=[".ts",".js",".tsx",".jsx"],F=["index.html","public/index.html"],I=function(e,t){if(t)return t;var n=e.workRootDir,o=W.reduce(function(e,t){return B.forEach(function(r){e.push("./"+t+r)}),e},[]),i=r(o,n);return i||(c.warn("dora-wr","getEntry","需要有一个入口文件 index 或者 src/index"),process.exit()),i},_=function(e){return e||[]},U=function(e,t){return t||("server"===e.action?"development":"production")},M=n(import.meta),H=o(M),J=p(H,"node_modules"),N=p(H,"lib/preset/html/dev-preset.html"),Q=function(){return A({babelrc:!1,configFile:!1,compact:!1,cwd:i(M)},l())},q=a(import.meta.url,"css-loader"),G=a(import.meta.url,"postcss-loader"),K=a(import.meta.url,"style-loader"),L=a(import.meta.url,"babel-loader"),V=a(import.meta.url,"less-loader"),X=a(import.meta.url,"sass-loader"),Y=a(import.meta.url,"postcss-preset-env"),Z=function(e,t){var r=e.action,n=(t||{}).postcssPluginExtra,o=[q,{loader:G,options:{postcssOptions:{plugins:[[Y]].concat(E(n||[]))}}}];return"server"===r?o.unshift({loader:K}):o.unshift({loader:h.loader}),o},ee=function(e,t){var r=Z(e,t),n=Q();return{rules:[{oneOf:[{test:/\.(js|mjs|jsx|ts|tsx)$/,resolve:{fullySpecified:!1},use:[{loader:L,options:n}]},{test:/\.css$/,use:E(r)},{test:/\.less$/,use:[].concat(E(r),[V])},{test:/\.s[ac]ss$/,use:[].concat(E(r),[X])},{test:/\.(jpe?g|png|gif|svg)$/i,type:"asset",generator:{filename:"img/[name]_[hash:8][ext]"},parser:{dataUrlCondition:{maxSize:8192}}},{test:/\.(otf|eot|woff2?|ttf|svg)$/i,type:"asset",generator:{filename:"icon/[name]_[hash:8][ext]"},parser:{dataUrlCondition:{maxSize:2048}}}]}]}},te=function(e){var t=e.minimize;return t?{minimize:t,minimizer:[new d({extractComments:!1})]}:{minimize:!1}},re=["path","filename"],ne=function(e,t){var r=e.workRootDir,n=t||{},o=n.path,i=n.filename,a=D(n,re);return A({filename:i||"js/[name].[contenthash].js",path:o&&m(o)?o:p(r,o||"dist"),clean:!0,publicPath:"/"},a)},oe=["minimize","template"],ie=function(e){var t=e.minimize,r=e.template,n=D(e,oe);return new v(A({title:"webpack5-react-ts",filename:"index.html",template:r||N,inject:!0,hash:!0,cache:!1,minify:!!t&&{removeAttributeQuotes:!0,collapseWhitespace:!0,removeComments:!0,minifyJS:!0,minifyCSS:!0}},n))};var ae=function(){return P(function e(t){k(this,e),C(this,"workRootDir",void 0),this.workRootDir=t},[{key:"apply",value:function(e){var t=this;e.hooks.beforeRun.tapPromise("TsconfigPlugin",function(e){return new Promise(function(r,n){var o,i=function(){try{return r()}catch(e){return n(e)}},a=function(e){try{return c.error("init","error","自动注入 tsconfig.json 失败"),i()}catch(e){return n(e)}};try{return function(e){var t=[],r=function(e){if(e)if("string"==typeof e)t.push(e);else if(Array.isArray(e))e.forEach(r);else if("object"==typeof e){var n=e;n.import?r(n.import):Object.values(n).forEach(r)}};return r(e),t}(null!==(o=e.options&&e.options.entry)&&void 0!==o?o:{}).some(function(e){return/\.(ts|tsx)$/.test(f.extname(String(e)))})?Promise.resolve(u(t.workRootDir)).then(function(e){try{return i()}catch(e){return a()}},a):r()}catch(e){a()}})})}}])}(),se=function(e){return new ae(e.workRootDir)},ce=e.ProgressPlugin,ue=function(e,t){var n=e.action,o="server"===n,i=t.WebpackBundleAnalyzerOptions,a=t.HtmlWebpackPluginOptions,s=t.minimize,u=r(F);u||c.warn("init","not_found","未找到 html 入口文件，将使用预设配置");var l=[se(e)];return o||l.push(new ce({activeModules:!1,entries:!0,modules:!0,modulesCount:5e3,profile:!1,dependencies:!0,dependenciesCount:1e4,percentBy:"entries"})),"lib"!==n&&l.push(ie(A({minimize:s,template:u||void 0},a))),o||l.push(new y,new h({filename:"css/main.[contenthash].css"})),i&&l.push(new b.BundleAnalyzerPlugin(i)),l.filter(Boolean)},le=function(e){return A({extensions:[".ts",".tsx",".js",".jsx"]},e)},fe=function(){return{modules:[J],extensions:[".js",".json"],mainFields:["loader","main"]}},pe=function(t){return e(t)},me=function(){return P(function e(t){k(this,e),C(this,"configCtx",void 0),C(this,"webpackConfig",{}),C(this,"devServerConfig",{}),C(this,"envParams",{action:"build",workRootDir:s()}),this.configCtx=t},[{key:"updateEnvParams",value:function(e){this.envParams=A(A({},this.envParams),e)}},{key:"updateWebpackConfig",value:function(e){this.webpackConfig=A(A({},this.webpackConfig),e)}},{key:"updateDevServerConfig",value:function(e){this.devServerConfig=A(A({},this.devServerConfig),e)}},{key:"getDoraConfig",value:function(){return this.configCtx.getDoraConfig()}},{key:"geTDoraConfigWebpack",value:function(){return this.configCtx.getDoraConfig().webpackConfig||{}}}])}(),he={host:"127.0.0.1",open:!0,setupExitSignals:!0,compress:!1,hot:!0,historyApiFallback:!0,static:[{directory:t("./public")},{directory:t("./dist")}],headers:{"Access-Control-Allow-Origin":"*"},port:"8082"},de=["static","headers"],ve=function(){for(var e={static:[],headers:{}},t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return r.forEach(function(t){var r,n=t.static,o=t.headers,i=D(t,de);j(e.static)&&j(n)&&(r=e.static).push.apply(r,E(n));o&&(e.headers=A(A({},e.headers),o)),Object.assign(e,i)}),e},be=function(e,t){return new Promise(function(r,n){var o,i,a,s,c;return o=ve(he,e),i=o.open,a=o.port,s=o.host,c=new g(ve(A(A({},o),{},{open:!1})),t),Promise.resolve(c.start()).then(function(e){try{return i&&w("http://".concat(s,":").concat(a)),r()}catch(e){return n(e)}},n)})};export{me as Ctx,L as babelLoader,O as build,pe as createCompiler,q as cssLoader,Q as getBabelConfig,Z as getCssBaseLoader,$ as getDevServer,T as getDevtool,I as getEntry,_ as getExternals,ie as getHtmlWebpackPlugin,U as getMode,te as getOptimization,ne as getOutput,ee as getReactModulePreset,ue as getReactPluginsPreset,le as getResolve,fe as getResolveLoader,se as getTsconfigPlugin,V as lessLoader,ve as mergeServerConfig,G as postcssLoader,Y as postcssPresetEnv,X as sassLoader,be as service,K as styleLoader};

package/lib/preset/html/dev-preset.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>cclr</title>
+    <!-- 引入样式 -->
+    <% for (var i in htmlWebpackPlugin.options.headBeforeStyle) { %>
+    <link
+      href="<%= htmlWebpackPlugin.options.headBeforeStyle[i] %>"
+      rel="stylesheet"
+    />
+    <% } %>
+
+    <!-- 引入js -->
+    <% for (var i in htmlWebpackPlugin.options.headAfterScript) { %>
+    <script src="<%= htmlWebpackPlugin.options.headAfterScript[i] %>"></script>
+    <% } %>
+  </head>
+  <body>
+    <div id="main">welcome use cclr !!</div>
+  </body>
+</html>

package/lib/type/index.d.ts

@@ -0,0 +1,123 @@
+import * as webpack from 'webpack';
+import webpack__default, { Configuration, Stats, Compiler } from 'webpack';
+import { Configuration as Configuration$1 } from 'webpack-dev-server';
+import * as _doracli_type from '@doracli/type';
+import { TModule as TModule$1 } from '@doracli/type';
+import { TAny } from '@cclr/lang';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { ConfigCtx } from '@doracli/helper';
+
+declare const build: (options: Configuration) => Promise<{
+    err?: Error | null;
+    stats?: Stats;
+}>;
+
+declare const getDevServer: (serviceConfig: Configuration$1) => Configuration$1;
+
+type TAction = 'build' | 'server' | 'lib';
+type TEnvParams = {
+    action: TAction;
+    workRootDir: string;
+    format?: TModule$1;
+};
+
+type TMode = Configuration['mode'];
+type TEntry = Configuration['entry'];
+type TOutput = Configuration['output'];
+type TDevtool = Configuration['devtool'];
+type TExternals = Configuration['externals'];
+type TExperiments = Configuration['experiments'];
+type TResolve = Configuration['resolve'];
+type TResolveLoader = Configuration['resolveLoader'];
+type TModule = Configuration['module'];
+type TPlugins = Configuration['plugins'];
+type TOptimization = Configuration['optimization'];
+
+declare const getDevtool: (envParams: TEnvParams, devtoolConfig?: TDevtool) => TDevtool;
+
+declare const getEntry: (params: TEnvParams, input?: string) => TEntry;
+
+declare const getExternals: (externals: TExternals) => TExternals;
+
+declare const getMode: (envParams: TEnvParams, modeConfig?: TMode) => TMode;
+
+declare const getBabelConfig: () => TAny;
+
+declare const getCssBaseLoader: (envParams: TEnvParams, options?: {
+    postcssPluginExtra?: TAny[];
+}) => any[];
+
+declare const cssLoader: string;
+declare const postcssLoader: string;
+declare const styleLoader: string;
+declare const babelLoader: string;
+declare const lessLoader: string;
+declare const sassLoader: string;
+declare const postcssPresetEnv: string;
+
+declare const getReactModulePreset: (envParams: TEnvParams, options?: {
+    postcssPluginExtra?: TAny[];
+}) => webpack.ModuleOptions;
+
+declare const getOptimization: (params: {
+    minimize: boolean;
+}) => TOptimization;
+
+declare const getOutput: (envParams: TEnvParams, output?: TOutput) => TOutput;
+
+declare const getHtmlWebpackPlugin: (params: HtmlWebpackPlugin.Options) => HtmlWebpackPlugin;
+
+declare class TsconfigPlugin {
+    private workRootDir;
+    constructor(workRootDir: string);
+    apply(compiler: Compiler): void;
+}
+
+declare const getTsconfigPlugin: (envParams: TEnvParams) => TsconfigPlugin;
+
+declare const getReactPluginsPreset: (envParams: TEnvParams, options: {
+    minimize?: boolean;
+    WebpackBundleAnalyzerOptions?: TAny;
+    HtmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+}) => TPlugins;
+
+/**
+ * 获取webpack的resolve配置
+ * @param userResolve
+ * @returns
+ */
+declare const getResolve: (resolveConfig: TResolve) => TResolve;
+
+declare const getResolveLoader: () => TResolveLoader;
+
+declare const createCompiler: (config: Configuration) => webpack__default.Compiler | null;
+
+declare class Ctx {
+    configCtx: ConfigCtx;
+    webpackConfig: Configuration;
+    devServerConfig: Configuration$1;
+    envParams: TEnvParams;
+    constructor(configCtx: ConfigCtx);
+    updateEnvParams(argv: Partial<TEnvParams>): void;
+    updateWebpackConfig(config: Configuration): void;
+    updateDevServerConfig(config: Configuration$1): void;
+    getDoraConfig(): _doracli_type.TDoraConfig;
+    geTDoraConfigWebpack(): _doracli_type.TDoraConfigWebpack;
+}
+
+/**
+ * 启动服务
+ * @param options
+ * @param compiler
+ */
+declare const service: (options: Configuration$1, compiler: Compiler) => Promise<void>;
+
+/**
+ * 合并多个 devServer 配置
+ * @param configs
+ * @returns
+ */
+declare const mergeServerConfig: (...configs: Configuration$1[]) => Configuration$1;
+
+export { Ctx, babelLoader, build, createCompiler, cssLoader, getBabelConfig, getCssBaseLoader, getDevServer, getDevtool, getEntry, getExternals, getHtmlWebpackPlugin, getMode, getOptimization, getOutput, getReactModulePreset, getReactPluginsPreset, getResolve, getResolveLoader, getTsconfigPlugin, lessLoader, mergeServerConfig, postcssLoader, postcssPresetEnv, sassLoader, service, styleLoader };
+export type { TAction, TDevtool, TEntry, TEnvParams, TExperiments, TExternals, TMode, TModule, TOptimization, TOutput, TPlugins, TResolve, TResolveLoader };

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@doracli/webpack",
+  "version": "0.0.1",
+  "description": "use webpack",
+  "author": "cclr <18843152354@163.com>",
+  "homepage": "",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    "import": "./lib/esm/index.js",
+    "require": "./lib/cjs/index.js"
+  },
+  "types": "lib/type/index.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "test": "vitest",
+    "g:test": "vitest run",
+    "build": "ccf build"
+  },
+  "dependencies": {
+    "@dorabag/open-browser": "^1.0.10"
+  },
+  "devDependencies": {
+    "@cclr/lang": "^0.1.28",
+    "@cclr/utils": "^0.1.28",
+    "@dorabag/config-loader": "^1.0.10",
+    "@dorabag/file-pro": "^1.0.10",
+    "@dorabag/open-browser": "^1.0.7",
+    "@dorabag/srv-tool": "^1.0.10",
+    "@doracli/helper": "^0.0.1",
+    "@doracli/preset-babel": "^0.0.1",
+    "@doracli/type": "^0.0.1",
+    "babel-loader": "^10.0.0",
+    "css-loader": "^7.1.2",
+    "html-webpack-plugin": "^5.6.4",
+    "less": "^4.4.2",
+    "less-loader": "^12.3.0",
+    "mini-css-extract-plugin": "^2.9.4",
+    "picocolors": "^1.1.1",
+    "postcss": "^8.5.6",
+    "postcss-loader": "^8.2.0",
+    "postcss-preset-env": "^10.4.0",
+    "sass": "^1.93.2",
+    "sass-loader": "^16.0.5",
+    "style-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.14",
+    "webpack": "^5.102.1",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-dev-server": "^5.2.2",
+    "webpackbar": "^7.0.0"
+  },
+  "gitHead": "40ab496f25042487a671979074515f3345c96453"
+}