webpack模块化打包

.babelrc

@@ -0,0 +1,7 @@
+{
+    "presets": ["@babel/preset-env"],
+    "plugins": [
+        "@babel/plugin-proposal-class-properties",
+        "@babel/plugin-transform-runtime"
+    ]
+}

.gitignore

@@ -0,0 +1,20 @@
+# ---> macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+node_modules

README.md

@@ -1,6 +1,25 @@
 # ADate
 JavaScript的Date对象工具
 
+## 安装和使用
+ES6使用方法
+```
+npm install adate
+```
+```
+import ADate from 'adate'
+let date = new ADate()
+```
+
+浏览器使用方法
+```
+<script src="./dist/adate.module.js"></script>
+
+<script>
+let date = new ADate()
+</script>
+```
+
 ## 日期格式化 (format)
 ```
 let date = new ADate()

build/webpack.common.js

@@ -0,0 +1,32 @@
+const path = require('path');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+// const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+    entry: './src/index.js',
+    plugins: [
+        new CleanWebpackPlugin(),
+        // new HtmlWebpackPlugin({
+        //   title: 'Production'
+        // })
+    ],
+    output: {
+        filename: 'adate.module.js',
+        path: path.resolve('./dist'),
+        chunkFilename: 'adate.module.js',
+        library: 'AMap',
+        // libraryExport: 'default',
+        libraryTarget: 'umd',
+        // umdNamedDefine: true,
+        globalObject: 'this' // 当为一个libray库的时候必须设置为 this 才可以在各种模式下使用
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                loader: 'babel-loader',
+                exclude: '/node_modules/'
+            },
+        ]
+    }
+};

build/webpack.dev.js

@@ -0,0 +1,8 @@
+const merge = require('webpack-merge');
+const common = require('./webpack.common.js');
+module.exports = merge(common, {
+  devtool: 'inline-source-map',
+  devServer: {
+    contentBase: './dist'
+  }
+});

build/webpack.prod.js

@@ -0,0 +1,16 @@
+const merge = require('webpack-merge');
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const common = require('./webpack.common.js');
+const webpack = require('webpack');
+
+module.exports = merge(common, {
+  plugins: [
+    new UglifyJSPlugin({
+        sourceMap: true
+    }),
+    new webpack.DefinePlugin({
+        // process.env.NODE_ENV
+        'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ]
+});