Wsx-js-tool-hi NPM

发布

npm login npm who i am npm publish 先build，再该版本号，再npm publish

工程说明：

package.json
"main": "index.js",  -- 入口函数
"version": "2.0.1", -- npm publish 的版本号 
"name": "wsx-js-tool", -- 下载下来的npm文件夹的名字



使用安装： --关联工程：wsx-js-tool-useExample
npm install wsx-js-tool@2.0.1
import wsxJsTool from 'wsx-js-tool';
wsxJsTool.getUrlParamByName();
wsxJsTool.DateFuc.getToday();

工具类说明

--- commonMethods.js
getUrlParamByName -- 通过param的那么获取window.location.hash?后面的参数

--- date.js
DateFuc.getToday
DateFuc.getDaysAgo
DateFuc.getFormatDate -- 将Date格式 或 时间戳格式的时间 转成：'2020-11-24'

webpack 压缩打包

v1.0.0 通过index.js 作为入口，未打包
v2.0.0 通过webpack打包成wsx-js-tool单文件，作为入口 供第三方引入
 ---npm install -D babel-loader @babel/core @babel/preset-env webpack
    (index.js :es6module export default x 或 commonjs module.exports=）
    config.output.library: `${pkg.name}`,
    config.output.libraryTarget: "umd" // 适用于任何形式的模块引入
    引用该工具包，也可以使用es6 module (import x from 'xx');
 ---npm i -D uglifyjs-webpack-plugin
    to minify js file
 ---install下来的工具包 包括：dist打包文件  /  wsx-js-tool整个工程文件  （TODO：install 希望只下载dist， https://blog.csdn.net/BLUE_JU/article/details/111360285）
v2.0.1 修改了webpack 的 library为 'hahahalibrary'

webpack 配置项

sxwangh

发版说明

npm config set registry https://registry.npmjs.org/ npm who am i npm login npm publish

使用例子：https://github.com/sxwangh/wsx-js-tool-useExample

1/commonjs 引用 wsx-js-tool-hi@2.1.9

npm install wsx-js-tool-hi@2.1.9

// const wsxJsTool = require('wsx-js-tool-hi').default;
// commonjs
const wsxJsTool = require('wsx-js-tool-hi');
console.log(wsxJsTool.getToday());

2/window. 引用 wsx-js-tool-hi@2.1.9

// root
<script src="./node_modules/wsx-js-tool-hi/dist/wsx-js-tool.min.js"></script>
<script>
    console.log(window['anyNameIsOk-root']); // 由于wsx-js-tool.min.js没有检测到 amd和commonjs，所以加载root['anyNameIsOk-root']
</script>

3/amd 引用 wsx-js-tool-hi@2.1.9

// amd
<script src="./node_modules/requirejs/require.js"></script>
<!--// 由于wsx-js-tool.min.js检测到了requirejs，所以按照amd的打包形式来引入，不走root的分支：else if(typeof define === 'function' && define.amd  define("anyNameIsOk-amd", [], factory);-->
<script src="./node_modules/wsx-js-tool-hi/dist/wsx-js-tool.min.js"></script>
<script>
    console.log(require);
    console.log(window['anyNameIsOk-root']); // undefined
    debugger;
    window.require(['anyNameIsOk-amd'], function(tool) {
        debugger;
        console.log(tool.getToday());
        document.write(tool.getToday())
    });

</script>