生成 uuidv4.min.js 文件
在线地址 /examples/webpack-uuidv4.min.js/dist/index.html
一、生成 package.json
bash
npm init -y
二、创建 index.js
index.js 文件内容
js
import {v4 as uuidv4} from 'uuid';
export default uuidv4;
三、创建 webpack.config.js
webpack.config.js
js
const path = require('path');
module.exports = {
entry: './index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'uuidv4.min.js',
library: 'uuidv4',
libraryTarget: 'umd'
}
};
四、打包生成 dist/uuidv4.min.js
安装 uuid
bash
npm install uuid --save
bash
npm install webpack webpack-cli --save-dev
bash
npx webpack --mode production
五、如何使用
创建 dist/index.html
,内容如下:
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>UUIDv4 Example</title>
</head>
<body>
<script src="./uuidv4.min.js"></script>
<script>
const uuid = uuidv4.default();
console.log(uuid);
</script>
</body>
</html>