add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
1 parent eef90a3 commit e7f7d22d378fc8daf0a43b92e9506932c92ebc04 caibinghong authored on 15 Jul 2021

Showing 22 changed files

Ignore Space Show notes View babel.config.js
//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV // console.log('babel.config.js process.env.NODE_ENV:', process.env.NODE_ENV) let config = {};// 默认vite 预览不做任何配置，否则有影响vite 对jsx 预览 if (process.env.NODE_ENV == "production") { config = { "presets": [ [ //做语法转换,并注入函数 //1、存在每个js 文件都注入函数使文件体积变大 "@babel/preset-env" ] ], "plugins": [ "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中 "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件 [ //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题，将注入的转为包的引用解决了代码复用和最终文件体积大的问题 //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数 //4、解决1的问题，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3 "@babel/plugin-transform-runtime", { "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本 } ], [ "component", { "libraryName": "hi-ui", "style": false,//不需要加载css // "camel2Dash": false//不需要驼峰转换成 - } ] ] } } module.exports = config; //vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV console.log('babel.config.js process.env.NODE_ENV:', process.env.NODE_ENV) let config = {};// 默认vite 预览不做任何配置，否则有影响vite 对jsx 预览 if (process.env.NODE_ENV == "production") { config = { "presets": [ [ //做语法转换,并注入函数 //1、存在每个js 文件都注入函数使文件体积变大 "@babel/preset-env" ] ], "plugins": [ "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中 "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件 [ //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题，将注入的转为包的引用解决了代码复用和最终文件体积大的问题 //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数 //4、解决1的问题，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3 "@babel/plugin-transform-runtime", { "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本 } ], [ "component", { "libraryName": "hi-ui", "style": false,//不需要加载css // "camel2Dash": false//不需要驼峰转换成 - } ] ] } } module.exports = config;

Ignore Space Show notes View

babel.config.js

//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV
// console.log('babel.config.js    process.env.NODE_ENV:', process.env.NODE_ENV)
let config = {};// 默认vite 预览不做任何配置 ，否则有影响vite 对jsx 预览
if (process.env.NODE_ENV == "production") {
    config = {
        "presets": [
            [
                //做语法转换,并注入函数
                //1、存在每个js 文件都注入函数使文件体积变大
                "@babel/preset-env"
            ]
        ],
        "plugins": [
            "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中
            "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件
            [
                //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题 ，将注入的转为包的引用 解决了代码复用和最终文件体积大的问题
                //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数 ，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数
                //4、 解决1的问题 ，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3
                "@babel/plugin-transform-runtime",
                {
                    "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本
                }
            ],
            [
                "component",
                {
                    "libraryName": "hi-ui",
                    "style": false,//不需要加载css
                    // "camel2Dash": false//不需要驼峰转换成 -
                }
            ]
        ]
    }
}
module.exports = config;

//vite 启动，与webpack 编译都能识别这个 process.env.NODE_ENV
console.log('babel.config.js    process.env.NODE_ENV:', process.env.NODE_ENV)
let config = {};// 默认vite 预览不做任何配置 ，否则有影响vite 对jsx 预览
if (process.env.NODE_ENV == "production") {
    config = {
        "presets": [
            [
                //做语法转换,并注入函数
                //1、存在每个js 文件都注入函数使文件体积变大
                "@babel/preset-env"
            ]
        ],
        "plugins": [
            "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中
            "@vue/babel-plugin-transform-vue-jsx",//打包jsx 写的vue 组件
            [
                //2、配置这个插件，并通过@babel/runtime 库来解决 1 的问题 ，将注入的转为包的引用 解决了代码复用和最终文件体积大的问题
                //3、@babel/runtime 里存放的是Babel做语法转换的辅助函数 ，进化版@babel/runtime-corejs3 除了包含Babel做语法转换的辅助函数，也包含了core-js的API转换函数
                //4、 解决1的问题 ，那么2也存在问题会影响原window下的核心api,这样污染环境。因此此插件的corejs3解决这个问题，但并引用@babel/runtime-corejs3
                "@babel/plugin-transform-runtime",
                {
                    "corejs": 3 // 指定 runtime-corejs 的版本，目前有 2 3 两个版本
                }
            ],
            [
                "component",
                {
                    "libraryName": "hi-ui",
                    "style": false,//不需要加载css
                    // "camel2Dash": false//不需要驼峰转换成 -
                }
            ]
        ]
    }
}
module.exports = config;

Ignore Space Show notes View build/copyBaseAssets.js
var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } //此文件主要是拷贝一些基本的资源文件 fsextra.copy(resolve('../eap.umd.js'), resolve('../dist/eap.umd.js'), function (err) { if (err) return console.error(err); // console.log("success!") }) //拷贝文件 fsextra.copy(resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`), function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 fsextra.copy(resolve(`../webpackDll`),resolve(`../dist/webpackDll`), function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } //此文件主要是拷贝一些基本的资源文件 fsextra.copy(resolve('../eap.umd.js'), resolve('../dist/eap.umd.js'), function (err) { if (err) return console.error(err); // console.log("success!") }) //拷贝文件 fsextra.copy(resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`), function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录

Ignore Space Show notes View

build/copyBaseAssets.js

Ignore Space Show notes View build/module-conf.js
const fs = require("fs"); var chalk = require('chalk') var glob = require('glob') const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // 需要忽略的文件夹 const ignores = 'dist,node_modules,build'.split(',') function getAllModule(dir) { var files = fs.readdirSync(dir), isFind = false; //判断是否有模块存在 for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue; if (files[i] == "package.json") { moduleList.push(dir); isFind = true; break; } } if (isFind == false) { for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue var file = dir + '/' + files[i] var stat = fs.statSync(file) if (stat.isDirectory() == true) { getAllModule(file); } } } } // console.log('指定目录：',projectName) getAllModule('./'+projectName);//指定目录开始搜索模块 // 检测是否在输入的参数是否在允许的list中 var checkModule = function (module) { var module = module\|\|process.env.MODULE_ENV; // 检查moduleList是否有重复 var hash = {} var repeatList = [] for(var l = 0;l < moduleList.length; l++){ if(hash[moduleList[l]]){ repeatList.push(moduleList[l]) } hash[moduleList[l]] = true } if(repeatList.length > 0){ console.log(chalk.red('moduleList 有重复：')) console.log(chalk.red(repeatList.toString())) return false } let result = true let illegalParam = '' for (let moduleToBuild of module.split(',')) { if (moduleList.indexOf(moduleToBuild) === -1) { result = false illegalParam = moduleToBuild break } } if(result === false){ console.log(chalk.red('参数错误，允许的参数为：')) console.log(chalk.green(moduleList.toString())) console.log(chalk.yellow(`非法参数：${illegalParam}`)) } return result } // 获取当前要打包的模块列表 function getModuleToBuild () { let moduleToBuild = [] if (process.env.NODE_ENV === 'production') { /* 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口 * 这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型 * / if (process.env.MODULE_ENV !== 'undefined') { moduleToBuild = process.env.MODULE_ENV.split(',') } else { // 如果未指定要打包的模块，那么打包所有模块 moduleToBuild = moduleList } } else { // 开发态，获取所有的模块列表 moduleToBuild = moduleList } return moduleToBuild } exports.moduleList = moduleList exports.checkModule = checkModule exports.getModuleToBuild = getModuleToBuild const fs = require("fs"); var chalk = require('chalk') var glob = require('glob') const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // 需要忽略的文件夹 const ignores = 'dist,node_modules,build'.split(',') function getAllModule(dir) { var files = fs.readdirSync(dir), isFind = false; //判断是否有模块存在 for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue; if (files[i] == "package.json") { moduleList.push(dir); isFind = true; break; } } if (isFind == false) { for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue var file = dir + '/' + files[i] var stat = fs.statSync(file) if (stat.isDirectory() == true) { getAllModule(file); } } } } console.log('指定目录：',projectName) getAllModule('./'+projectName);//指定目录开始搜索模块 // 检测是否在输入的参数是否在允许的list中 var checkModule = function (module) { var module = module\|\|process.env.MODULE_ENV; // 检查moduleList是否有重复 var hash = {} var repeatList = [] for(var l = 0;l < moduleList.length; l++){ if(hash[moduleList[l]]){ repeatList.push(moduleList[l]) } hash[moduleList[l]] = true } if(repeatList.length > 0){ console.log(chalk.red('moduleList 有重复：')) console.log(chalk.red(repeatList.toString())) return false } let result = true let illegalParam = '' for (let moduleToBuild of module.split(',')) { if (moduleList.indexOf(moduleToBuild) === -1) { result = false illegalParam = moduleToBuild break } } if(result === false){ console.log(chalk.red('参数错误，允许的参数为：')) console.log(chalk.green(moduleList.toString())) console.log(chalk.yellow(`非法参数：${illegalParam}`)) } return result } // 获取当前要打包的模块列表 function getModuleToBuild () { let moduleToBuild = [] if (process.env.NODE_ENV === 'production') { / 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口 * 这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型 * */ if (process.env.MODULE_ENV !== 'undefined') { moduleToBuild = process.env.MODULE_ENV.split(',') } else { // 如果未指定要打包的模块，那么打包所有模块 moduleToBuild = moduleList } } else { // 开发态，获取所有的模块列表 moduleToBuild = moduleList } return moduleToBuild } exports.moduleList = moduleList exports.checkModule = checkModule exports.getModuleToBuild = getModuleToBuild

Ignore Space Show notes View

build/module-conf.js

const fs = require("fs");
var chalk = require('chalk')
var glob = require('glob')

const packageConfig = require('../package.json')
const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name;
// 获取所有的moduleList
var moduleList = []

// 需要忽略的文件夹
const ignores = 'dist,node_modules,build'.split(',')
function getAllModule(dir) { 
  var files = fs.readdirSync(dir), isFind = false;
  //判断是否有模块存在
  for (var i = 0; i < files.length; i++) {
    if (ignores.includes(files[i])) continue;
    if (files[i] == "package.json") {  
      moduleList.push(dir);
      isFind = true;
      break;
    }
  }
  if (isFind == false) {
    for (var i = 0; i < files.length; i++) {
      if (ignores.includes(files[i])) continue
      var file = dir + '/' + files[i]
      var stat = fs.statSync(file)
      if (stat.isDirectory() == true) {
        getAllModule(file);
      }
    }
  }
}

// console.log('指定目录：',projectName)
getAllModule('./'+projectName);//指定目录 开始搜索模块

// 检测是否在输入的参数是否在允许的list中
var checkModule = function (module) {
  var module = module||process.env.MODULE_ENV;
  // 检查moduleList是否有重复
  var hash = {}
  var repeatList = []
  for(var l = 0;l < moduleList.length; l++){
    if(hash[moduleList[l]]){
      repeatList.push(moduleList[l])
    }
    hash[moduleList[l]] = true
  }
  if(repeatList.length > 0){
    console.log(chalk.red('moduleList 有重复：'))
    console.log(chalk.red(repeatList.toString()))
    return false
  }
  let result = true
  let illegalParam = ''
  for (let moduleToBuild of module.split(',')) {
    if (moduleList.indexOf(moduleToBuild) === -1) {
      result = false
      illegalParam = moduleToBuild
      break
    }
  }
  if(result === false){
    console.log(chalk.red('参数错误，允许的参数为：'))
    console.log(chalk.green(moduleList.toString()))
    console.log(chalk.yellow(`非法参数：${illegalParam}`))
  }
  return result
}

// 获取当前要打包的模块列表
function getModuleToBuild () {
  let moduleToBuild = []
  if (process.env.NODE_ENV === 'production') {
    /* 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口
     *  这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型
     * */
    if (process.env.MODULE_ENV !== 'undefined') {
      moduleToBuild = process.env.MODULE_ENV.split(',')
    } else {
      // 如果未指定要打包的模块，那么打包所有模块
      moduleToBuild = moduleList
    }
  } else {
    // 开发态，获取所有的模块列表
    moduleToBuild = moduleList
  }
  return moduleToBuild
}

exports.moduleList = moduleList
exports.checkModule = checkModule
exports.getModuleToBuild = getModuleToBuild

const fs = require("fs");
var chalk = require('chalk')
var glob = require('glob')

const packageConfig = require('../package.json')
const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name;
// 获取所有的moduleList
var moduleList = []

console.log('指定目录：',projectName)
getAllModule('./'+projectName);//指定目录 开始搜索模块

exports.moduleList = moduleList
exports.checkModule = checkModule
exports.getModuleToBuild = getModuleToBuild

Ignore Space Show notes View build/oldWebpack/webpack3/module-conf.js
const fs = require("fs"); var chalk = require('chalk') var glob = require('glob') const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // 需要忽略的文件夹 const ignores = 'dist,node_modules,build'.split(',') function getAllModule(dir) { var files = fs.readdirSync(dir), isFind = false; //判断是否有模块存在 for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue; if (files[i] == "package.json") { moduleList.push(dir); isFind = true; break; } } if (isFind == false) { for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue var file = dir + '/' + files[i] var stat = fs.statSync(file) if (stat.isDirectory() == true) { getAllModule(file); } } } } // console.log('指定目录：',projectName) getAllModule('./'+projectName);//指定目录开始搜索模块 // 检测是否在输入的参数是否在允许的list中 var checkModule = function (module) { var module = module\|\|process.env.MODULE_ENV; // 检查moduleList是否有重复 var hash = {} var repeatList = [] for(var l = 0;l < moduleList.length; l++){ if(hash[moduleList[l]]){ repeatList.push(moduleList[l]) } hash[moduleList[l]] = true } if(repeatList.length > 0){ console.log(chalk.red('moduleList 有重复：')) console.log(chalk.red(repeatList.toString())) return false } let result = true let illegalParam = '' for (let moduleToBuild of module.split(',')) { if (moduleList.indexOf(moduleToBuild) === -1) { result = false illegalParam = moduleToBuild break } } if(result === false){ console.log(chalk.red('参数错误，允许的参数为：')) console.log(chalk.green(moduleList.toString())) console.log(chalk.yellow(`非法参数：${illegalParam}`)) } return result } // 获取当前要打包的模块列表 function getModuleToBuild () { let moduleToBuild = [] if (process.env.NODE_ENV === 'production') { /* 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口 * 这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型 * / if (process.env.MODULE_ENV !== 'undefined') { moduleToBuild = process.env.MODULE_ENV.split(',') } else { // 如果未指定要打包的模块，那么打包所有模块 moduleToBuild = moduleList } } else { // 开发态，获取所有的模块列表 moduleToBuild = moduleList } return moduleToBuild } exports.moduleList = moduleList exports.checkModule = checkModule exports.getModuleToBuild = getModuleToBuild const fs = require("fs"); var chalk = require('chalk') var glob = require('glob') const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // 需要忽略的文件夹 const ignores = 'dist,node_modules,build'.split(',') function getAllModule(dir) { var files = fs.readdirSync(dir), isFind = false; //判断是否有模块存在 for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue; if (files[i] == "package.json") { moduleList.push(dir); isFind = true; break; } } if (isFind == false) { for (var i = 0; i < files.length; i++) { if (ignores.includes(files[i])) continue var file = dir + '/' + files[i] var stat = fs.statSync(file) if (stat.isDirectory() == true) { getAllModule(file); } } } } console.log('指定目录：',projectName) getAllModule('./'+projectName);//指定目录开始搜索模块 // 检测是否在输入的参数是否在允许的list中 var checkModule = function (module) { var module = module\|\|process.env.MODULE_ENV; // 检查moduleList是否有重复 var hash = {} var repeatList = [] for(var l = 0;l < moduleList.length; l++){ if(hash[moduleList[l]]){ repeatList.push(moduleList[l]) } hash[moduleList[l]] = true } if(repeatList.length > 0){ console.log(chalk.red('moduleList 有重复：')) console.log(chalk.red(repeatList.toString())) return false } let result = true let illegalParam = '' for (let moduleToBuild of module.split(',')) { if (moduleList.indexOf(moduleToBuild) === -1) { result = false illegalParam = moduleToBuild break } } if(result === false){ console.log(chalk.red('参数错误，允许的参数为：')) console.log(chalk.green(moduleList.toString())) console.log(chalk.yellow(`非法参数：${illegalParam}`)) } return result } // 获取当前要打包的模块列表 function getModuleToBuild () { let moduleToBuild = [] if (process.env.NODE_ENV === 'production') { / 部署态，构建要打包的模块列表，如果指定了要打包的模块，那么按照指定的模块配置入口 * 这里有个特性，即使参数未传，那么获取到的undefined也是字符串类型的，不是undefined类型 * */ if (process.env.MODULE_ENV !== 'undefined') { moduleToBuild = process.env.MODULE_ENV.split(',') } else { // 如果未指定要打包的模块，那么打包所有模块 moduleToBuild = moduleList } } else { // 开发态，获取所有的模块列表 moduleToBuild = moduleList } return moduleToBuild } exports.moduleList = moduleList exports.checkModule = checkModule exports.getModuleToBuild = getModuleToBuild

Ignore Space Show notes View

build/oldWebpack/webpack3/module-conf.js