kn-cli 1.0.9 → 1.0.12

package/build/package.json

@@ -55,8 +55,7 @@
     "webpack": "~4.42.0",
     "webpack-bundle-analyzer": "~3.6.1",
     "webpack-cli": "~3.3.11",
-    "webpack-dev-server": "~3.10.3",
-    "webpack-visualizer-plugin": "~0.1.11"
+    "webpack-dev-server": "~3.10.3"
   },
   "engines": {
     "node": "16.18.0"

package/build/report.sh

@@ -3,43 +3,57 @@ then
   . ${HOME}/.nvm/nvm.sh
 fi
 
-export build_env=prod
-export mock=0
+node_version="v16.18.0"
+checkResult(){
+  ret=$?
+  if [ $ret != 0 ]
+  then
+    echo "[$1]执行失败"
+    exit 2
+    return 0
+  else
+    echo "[$1]执行成功"
+    return 0
+  fi
+}
+
 
 checkNode(){
   for line in `node -v` 
   do
-  if [ $line != "v10.15.0" ]
+  if [ $line != $node_version ]
   then
-    nvm use v10.15.0
+    echo "change Node from $line to $node_version"
+    nvm use $node_version
     ret=$?
     if [ $ret != 0 ]
     then
-      echo -e "\033[41;37m Change Node to v10.15.0 (try nvm use v10.15.0)\033[0m"
-      return 0
+      echo "Please run nvm install $node_version"
+      exit 3
     else
-      return 1
+      return 0
     fi
   else
-    return 1
+    return 0
   fi
   done
 }
 
+export build_env=prod
+export mock=0
+export noSkipNpmInstall=1
+
 dev(){
-  npm config set sass_binary_site http://npm.taobao.org/mirrors/node-sass -g
   npm config delete registry -g
   npm config delete registry
-
   npm install
+  checkResult "npm install"
   npm run report
 }
 
 checkNode
-ret=$?
-if [ $ret = 1 ]
-then
-  dev
-fi
+checkResult "检查node"
 
+dev
+checkResult "report"
 

package/build/webpack.config.js

@@ -37,14 +37,14 @@ if (process.env.npm_config_report) {
 const dirname = __dirname;
 const webpackPath=__webpackPath;
 console.log(`=====================env=========================`);
-console.log(`__dirname:${__dirname}`);
 console.log(`dirname:${dirname}`);
 console.log(`webpackPath:${webpackPath}`);
 console.log(`build_env:${process.env.build_env}`);
 console.log(`mock:${process.env.mock}`);
 console.log(`noSkipNpmInstall:${process.env.noSkipNpmInstall}`);
-
+console.log(path.resolve(dirname,'node_modules'));
 console.log(`=====================env end=========================`);
+
 const devMode = process.env.build_env !== 'prod';
 const hashMode = process.env.build_env != 'localdebug';
 
@@ -76,6 +76,14 @@ module.exports = {
     contentBase: "dist",
     host: '0.0.0.0',
     open: true,
+    overlay:true,
+    stats:{
+      all: false,
+      colors:true,
+      errors:true,
+      errorDetails:true,
+      warnings:true
+    },
     // port: 8080,
     // useLocalIp:true,
     // https:true,//注意开了https就不能使用本地ip访问，只能使用0.0.0.0
@@ -97,7 +105,7 @@ module.exports = {
     publicPath: resource_path_relative,
   },
   resolve: {
-    modules: ['node_modules', path.resolve(webpackPath, 'node_modules'), path.join(dirname, 'src')],
+    modules: [path.resolve(dirname,'node_modules/'),path.resolve(webpackPath, 'node_modules')],
     extensions: ['.jsx', '.js', '.json'],
     alias: {
       '@': path.resolve(dirname, 'src/'),
@@ -320,13 +328,13 @@ module.exports = {
     ...otherPlugins,
     new CopyPlugin({
       patterns: [
-        { from: dirname + '/static', to: dirname + '/dist/static' },
-        { from: dirname + '/pluginjs', to: dirname + '/dist/pluginjs' }
+        { from: dirname + '/static', to: dirname + '/dist/static' ,noErrorOnMissing:true},
+        { from: dirname + '/pluginjs', to: dirname + '/dist/pluginjs',noErrorOnMissing:true }
     ],
     }),
     new webpack.SourceMapDevToolPlugin({
       filename: 'sourcemap/[file].map',
-      // publicPath: resource_path_relative,
+      // publicPath: '..',//resource_path_relative,
       // fileContext: 'js',
     })
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kn-cli",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "description": "",
   "main": "index.js",
   "scripts": {

package/readme.md

@@ -6,7 +6,8 @@
 2. 创建项目: kn-cli --create
 3. 调试项目: kn-cli --dev
 4. 编译项目: kn-cli --build
-5. 当项目中需要添加第三方npm包时，务必使用--save参数`npm i 包名  --save`
+5. 当项目中需要添加第三方npm包时，务必使用--save参数`npm i 包名  --save`  
+6. 包模块分析: kn-cli --report  
 
 
 > 项目创建后，记得执行sh init.sh 以激活git分支提交日志
@@ -17,6 +18,17 @@
 
 # 更新日志
 
+* 1.0.12  
+  1. 去除 webpack-visualizer-plugin
+  2. 对打包时resolve.modules寻找node_modules的路径优先级进行调整  
+  3. 对打包、调试过程中控制台的输出优化，避免无效信息  
+
+
+* 1.0.11  
+  1. 增加 `kn-cli --report`对包的模块化进行报告输出
+  2. 对 `statics`和`pluginjs`文件夹不存在或内部没有文件的情况下会编译报错进行了修复，现在不会再导致编译失败了  
+
+
 * 1.0.9  
   1. 移动端模板内增加build.sh用于测试环境打包用  
   2. 移动端模板内pluginjs文件夹内放一个空的文件，因为在打包时webpack会复制pluginjs和statics内的内容，如果内容为空容易引起报错  

package/src/build.js

@@ -220,6 +220,9 @@ module.exports= async (options={})=> {
             }
             cmd = `export build_env=${build_env} mock=${mock} noSkipNpmInstall=${noSkipNpmInstall}\nsh dev.sh`;
             task.title=`调试环境:env=${answer.type},mock=${answer.mock},install=${answer.install}`
+          }else if( type =='report'){
+            task.title='执行report';
+            cmd='sh report.sh';
           }
           let req = shelljs.exec(cmd)
           if(req.code==0){

package/src/cli.js

@@ -41,5 +41,12 @@ module.exports=async (args)=> {
     }
     return 1;
   }
+  else if(get(options,"report")){
+    const req = await build({type:'report'});
+    if(!req){
+      process.exit(2);
+    }
+    return 1;
+  }
   
 }

package/src/utils/parseArgumentsIntoOptions.js

@@ -9,6 +9,7 @@ module.exports=function(rawArgs) {
       "--create": Boolean,
       "--version": Boolean,
       "--test": Boolean,
+      "--report":Boolean,
       "-v": "--version",//-v 转译成 --version
     },
     {
@@ -25,5 +26,6 @@ module.exports=function(rawArgs) {
     install: get(args, "--create", false), 
     version: get(args, "--version", false), 
     test: get(args, "--test", false), 
+    report: get(args, "--report", false), 
   };
 }

package/templates/template_app/readme.md

@@ -9,6 +9,9 @@ sh dev.sh
 ### 安装新的库
 npm i 库名称 --save
 
+### 模块构建报告  
+sh report.sh  
+
 ### 测试环境部署
 1. sh build.sh  
 

package/templates/template_app/report.sh

@@ -0,0 +1,68 @@
+if [ -d "${HOME}/.nvm/" ]
+then
+  . ${HOME}/.nvm/nvm.sh
+fi
+
+node_version="v16.18.0"
+
+checkNode(){
+  for line in `node -v` 
+  do
+  if [ $line != $node_version ]
+  then
+    echo "change Node from $line to $node_version"
+    nvm use $node_version
+    ret=$?
+    if [ $ret != 0 ]
+    then
+      echo "Please run nvm install $node_version"
+      exit 3
+    else
+      return 0
+    fi
+  else
+    return 0
+  fi
+  done
+}
+
+checkResult(){
+  ret=$?
+  if [ $ret != 0 ]
+  then
+    echo "[$1]执行失败"
+    exit 2
+    return 0
+  else
+    echo "[$1]执行成功"
+    return 0
+  fi
+}
+
+
+checkKnCli(){
+  if ! [ -x "$(command -v kn-cli)" ]
+  then
+    npm i kn-cli -g
+    return 0
+  fi
+  return 0
+}
+
+
+build(){
+  npm config delete registry -g
+  npm config delete registry
+
+  checkKnCli
+  checkResult "检查kn-cli"
+
+  kn-cli --report
+  checkResult "kn-cli --report"
+}
+
+checkNode
+checkResult "检查node"
+
+build
+checkResult "build"