李钟意讲前端

外观

咨询/接单/付费bug修复/学习交流群

生成 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>